Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Paolo88

ISSUE - ELEMENT WITH SCROLLTRIGGER PIN ACTIVE AND SWUP

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?

Thanks 

 

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.
×