ScrollSmoother with dynamic content

[Stephan Wergles]

Hey, 

 

I'm using ScrollSmoother with ScrollTrigger to smooth out scrolling my entire page. This page uses e.g. a collapse component to toggle several content blocks, meaning the height of the "smooth-content" can change as the user is interacting with the page, which results in a wrong calculation of the scroll height. Thus you can scroll more far or less than the updated content's height.

 

Is there any method available, to update ScrollSmoother's content calculation?

 

Thanks and cheerz

Stephan

[GreenSock]

Sure, you can call ScrollTrigger.refresh() anytime to have it recalculate things. A cheaper option is to call ScrollSmoother.get().scrollTrigger.refresh() to only refresh that one ScrollTrigger rather than all of them. The next release of ScrollSmoother will likely include a ResizeObserver that'll automatically refresh() when the content resizes.

 

Thanks for being a Club GreenSock member! 💚