Jump to content
GreenSock

TCharli

Pinned section. How can I control when the next following section starts scrolling from bottom?

Go to solution Solved by Trapti,

Recommended Posts

I have a section with the height of 100vh and pin it as follows:

 

ScrollTrigger.create({
trigger: ".styleselectcontainer",
start: "top top", 
pin: true, 
pinSpacing:false,
});  

 

Directly after that follows the next section with normal scrolling. How can I control that this section does not scroll directly above the pinned section when the pin fires? I want to achieve that the user has to scroll/swipe a little bit until the second section starts scrolling.

Link to comment
Share on other sites

Perfect, that's what I was looking for! Thanks for the quick help!

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