GSAP Smooth scroll with lazy load

[Adesh]

Hello,

 

I developed one sample using gsap smoothScroll that works ok, but when I added lazy load using lazysizes, I am experiencing a height issue when the image is loaded by lazy load at the bottom of the page.
 

After the image loads, I tried to update the body height and page-wrapper transform value, and it updated correctly. However, as we scroll to the bottom, the page takes first time load value in transform.

 

Could someone possibly explain to me what the problem is with this?

See the Pen mdaYvzE by Adesh-Evince (@Adesh-Evince) on CodePen

[GreenSock]

Hi @Adesh That "smoothScroll()" helper function isn't officially supported and it has been completely replaced by the ScrollSmoother plugin which is much more advanced and reliable. It's only available to Club GSAP members though. https://greensock.com/pricing 

 

I created a helper function for accommodating lazy loading in this thread: 

 

I hope that helps.