Jump to content



Recommended Posts

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?



Link to comment
Share on other sites

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.