Deadlift79

It solves perfecty my issue, really helpful, many thanks! I've only changed the last part to adapt to my starting idea.

Hi there, I'm using the Observer demo and struggling to find a way to make header and footer appears on all sections except for the first one. Basically I'd like that they appear scrolling down in section 2, then they stay fixed until the end of the scroll. When you scroll the page up they stay fixed until the first section where they disappear like the start. I've only added: if (currentIndex >= 0) { gsap.to(items,{ autoAlpha: 1, zIndex: 3}); } But of course is working only scrolling down because the complex (for me) logic behind the starting demo. Thanks!

Hi there! I'm trying to acheive an image comparison effect like the one in the codepen demo but applied to several .containerSection. An example is available here : I've tried duplicating the .containerSections and wrapping it all in a main pinned Div and but they don't start at the same time. I'm not asking for a code solution, just some ideas to start because I fear that I'm totally wrong in my setup. Many thanks!

Issue resolved removing Elementor from the equation. Thanks!

Hi Rodrigo, thanks for your suggestions. Would be the live developing website any help? Of course I can replicate my issue in a codepen but I'm pretty sure that won't show any issue. It is simply that setup for the fake horizontal scroll (with some container animation then added). The strange thing is also that now I've tried using GSAP in wordpress with a plugin (motionpage) to avoid any potential error due to my custom code and I'm facing the same problem: added a simple scrolltrigger and then the related background image sometimes get duplicated 100 times when scrolling in its viewport. I'll keep investigating, thanks!

Hi there, new to GSAP. I've implemented gsap and scrolltrigger in my wordpress enviroment (I use Elementor as page builder). I've followed your guide: https://greensock.com/wordpress/ All is working fine but yesterday I've notice a major problem that I'm not able to figure out: Sometimes, if I check the dev console network , I see an enormous amount of requests (you can see in the screen provided) duplicated and related to scrolltrigger.min.js. (If I block it the problem seems gone). Scrolling the page the amount of requests goes crazy. The console shows no errors. I've tried serving the .js files selfhosting and through CDN, loading through enqueue or script tag but the behaviour is the same. Any help is appreciated. Thanks!