ScrollSmoother with ScrollTrigger and infinite scroll

[lucasvallenet 0 Likes (Newbie)]

Hello,

 

Thank you for your great work and the release of the 3.10 with the new ScrollSmoother.

 

I'm trying it out on a new projet and I'd like to achieve an infinite scroll that contains scrollTriggers.

I made a simple demo trying to make an infinite scroll. It kind of works on scroll down (i couldn't make it work on scroll up) but I have couple of problems :

• I can only access the progress within the self element, is there a way to get the Y position so that I can precisely scroll to the repeated section ? I am currently comparing the progress for sections of the same size, but I'm going to have different section sizes and pinning an element will also create issues
• I think the best way would be to compare the scroll position in pixel with the windowHeight to easily detect when we are at the top/bottom of the page
• Can I disable the smooth scroll end when arriving to the bottom of the page so it feels flowless ?
• Are the scrollTriggers going to work seemlessly ?

 

Thank you in advance !

 

Lucas

See the Pen rNJeqKz by lucasvallenet (@lucasvallenet) on CodePen

[OSUblake 18,398 Likes (Superhero)]

Welcome to the forums @lucasvallenet

 

Here's an example of infinite scrolling, but it's probably not going to work with SmoothScroller due to how the scrolling is animated, so when it goes from bottom to the top, it's going to animate instead of jumping.

 

See the Pen XWeJXVz by GreenSock (@GreenSock) on CodePen