Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Simone Bertoloni

Scrolltrigger multiple PIN order

Recommended Posts

Hi everyone,

I am using the PIN functionality to make different types of animation on one page.

I noticed that if I change the display order, the pin does not work correctly.

 

Working example order:

HTML

1: js-pin-animation-type-01

2: js-pin-animation-type-02

 

JS

1: js-pin-animation-type-01

2: js-pin-animation-type-02

 

See the Pen MWEdgvV by valerio-acerbis (@valerio-acerbis) on CodePen

 

 

Example order NOT working:

 

HTML

1: js-pin-animation-type-02

2: js-pin-animation-type-01

 

JS

1: js-pin-animation-type-01

2: js-pin-animation-type-02

 

https://codepen.io/valerio-acerbis/pen/yLzWBLo

See the Pen yLzWBLo by valerio-acerbis (@valerio-acerbis) on CodePen

Link to comment
Share on other sites

Hi Simone,

 

Creating your ScrollTriggers out of order is a common mistake. See this article.

 

 

  • Like 2
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.
×