marko krstic Posted January 6, 2023 Share Posted January 6, 2023 Hello dear wonderful people. I am struggling with making vertical scroll. I made it work but images are overlapping and at the bottom they are popping up strange. Does anyone have a clue? See the Pen KKBNbrp by krstivoja (@krstivoja) on CodePen Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted January 6, 2023 Solution Share Posted January 6, 2023 Hi Marko, Lucky for us @GreenSock has you covered with a brand new vertical seamless loop helper function and that's all you need: See the Pen JjBbxgz by GreenSock (@GreenSock) on CodePen Hopefully this helps. Let us know if you have more questions. Happy Tweening! 1 Link to comment Share on other sites More sharing options...
marko krstic Posted January 6, 2023 Author Share Posted January 6, 2023 Awesome. This is what I was looking for! Just a question for performance. Is this better to do with GSAP or Pure CSS. Link to comment Share on other sites More sharing options...
GreenSock Posted January 7, 2023 Share Posted January 7, 2023 7 hours ago, marko krstic said: Just a question for performance. Is this better to do with GSAP or Pure CSS. I'm a bit confused by that question. There's no way you could do all that in pure CSS. And as for performance, GSAP is extremely optimizes for speed. It's well-known across the industry as a leader in that regard. It can in some cases even be faster than CSS. You'd probably never notice any difference performance-wise between CSS and GSAP in real-world stuff. Enjoy! Link to comment Share on other sites More sharing options...
marko krstic Posted January 7, 2023 Author Share Posted January 7, 2023 See the Pen gMEYwr by danedmonds (@danedmonds) on CodePen This particular thing you can but you need to double the set of images and I mush say works better when it's done with GSAP. Thank you! Link to comment Share on other sites More sharing options...
GreenSock Posted January 7, 2023 Share Posted January 7, 2023 Oh, sure, if you only want to move things across the screen you could do that with CSS. But like you said, you have to double everything which I'd guess is WORSE for performance (twice as many pixels moving around). With the GSAP version, you get draggability with inertia too and waaaay more flexibility. Good luck with the project. 👍 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now