Content at bottom not visible when using ScrollSmoother

[Marto]

Currently working on new site and wanted to add ScrollSmoother, but come accross a bug, which cant resolve. On some pages part of the bottom page  is not visible. When the content of the page hits a critical height, the bug appears. On pages with small height is not detectable. When resize the window, the hidden part becomes visible and works fine.

Tried to refresh the Scrolltrigger, to start it with delay, to trigger resize event, to remove sliders, to remove barba.js but nothing helped. Cant reproduce the bug in a demo. Anyone have any idea what can cause such bug? Any help is much appreciated!

[Marto]

The problem seems to appear when using lazy-loaded images. Any suggestions on how to add lazy-loading when using SmoothScroll? Currently using vanilla-lazyload.

[Rodrigo]

Hi,

 

Unfortunately there is not a lot we can do without a minimal demo in order to have a look at what could be the issue, a couple of images don't tell us much, sorry.

 

The only advice I can give you is to refresh ScrollTrigger every time an image is lazy loaded or give your images predictable/fixed heights in order to prevent this issue.

 

Finally you can explore this thread and see the solutions suggested there:

Happy Tweening!