Peter Moore

Thank you so much. That works exactly as expected. I suspect I may never have got there! Thank you again for the help. Amazing!

I'm using GSAP MatchMedia to load Lottie animations tied to scroll position (using ScrollTrigger). There's one Lottie animation for portrait orientation and another for landscape orientation. MatchMedia is working on page load, showing the correct animation depending on screen orientation, but try as I might I cannot get it to work when the orientation changes. How do I essentially reset everything when the page orientation changes and load in place the correct animation? Hopefully my codepen makes more sense than this post! Many thanks in advance!

@akapowl Thank you so much. That's so simple and does exactly what I need. Very much appreciated!

Hi, I have a codepen doing part of the job I need (thanks to previous posters on this forum) but have one issue that I'm not sure is resolvable. I'm looking to have a pinned horizontal scroller as seen in the codepen attached, however, once the horizontal section is pinned and scrolling the header section (grey background) scrolls out of view and the footer section (orange background) scrolls into view as you reach the end of the horizontal scrolling section. What I'd like to do is have the header and footer sections in view whilst the horizontal scroll takes place. Hope this makes sense. Any ideas on if this is even possible are greatly appreciated!