Paolo88 Posted July 24, 2021 Share Posted July 24, 2021 Hi all. I've tried everything but I can't get out of it. I'm using SWUP (page transition js plugin) combined with gsap and scrolltrigger. All works fine until I activate the PIN (pin:true) function of an element to be scrolled (all inside the SWUP container). For example, if this option is active on hero section of the first top element, the animation works but all the element which are below this that have a scroll trigger with with the condition to leave when they are at a certain % height from the viewport, the animation of those not work because it has already been done when the above element with the active PIN has made its animation and consequently created some fake space in order to work, starting all the other elements with active trigger. I also try to use scrolltrigger refresh function but nothing change. The LINK is a working page example but without PIN activated. Could you kindly help me? Thanks Link to comment Share on other sites More sharing options...
Cassie Posted July 24, 2021 Share Posted July 24, 2021 Hey there! Could you possibly put together a minimal demo for us? It's very hard to debug a live site. Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now