ScrollTrigger scrolling to top, animation disappears the content

[ud907 0 Likes (Newbie)]

Hi, 

 

I am very new to this amazing animation platform. I am having an issue which i have not been able to solve. As you can see on my codepen link, the animation when scrolling to the top, The content disappears with the similar animation. I don't feel that would be a great showcase to show it to my client. Can you please help ? 

See the Pen xxVxqvp by umanga (@umanga) on CodePen

[anton123 2 Likes (Newbie)]

Add "once: true" to your scrollTrigger. The elements will stay visible if you scoll back up

 

scrollTrigger: {
    trigger: ".section-second",
    pin: true,
    start: "top top",
    end: "+=500",
    scrub: 1,
    once: true
}

 

[ud907 0 Likes (Newbie)]

16 minutes ago, anton123 said:

Add "once: true" to your scrollTrigger. The elements will stay visible if you scoll back up

 

scrollTrigger: {
    trigger: ".section-second",
    pin: true,
    start: "top top",
    end: "+=500",
    scrub: 1,
    once: true
}

 

Thanks, that was what i was looking for but unfortunately the height of the animation stays  keeping a huge height between the section. How do we get that to normal ? 

[ZachSaucier 7,127 Likes (Superhero)]

Hey ud907 and welcome to the GreenSock forums. I think you're looking for pinSpacing: false?

See the Pen abNbLqj?editors=0010 by GreenSock (@GreenSock) on CodePen