Elementor/Wordpress weirdness when using ScrollTrigger

[jpoly4]

I am building a site and wanted to know if anyone else has come across this issue. The start and end points of sections lower on the page don't seem to line up but, if I change the browser size they update and line up perfectly.

 

Here's the URL to show what I am talking about - https://decarttx.wpmudev.host/our-science/

 

Thanks!

[ZachSaucier]

Hey jpoly4 and welcome to the GreenSock forums.

 

This usually means that content is loaded (usually images) between after ScrollTrigger is initialized. To fix it, either wait to initialize ScrollTrigger until the images (or whatever) have been loaded or call ScrollTrigger.refresh() after the images load. This is actually one of the most common ScrollTrigger mistakes.

[jpoly4]

Hi Zach,

Thanks for the quick response. I think it's because the images are set to lazy load. 

 

Thanks,

John