Помощь со скроллом и gsap?

Question

[96Nick]

Привет! Пытаюсь сделать скролл и добавить на секцию анимацию при помощи gsap, скролл отрабатывает, все ок, но не могу остановить скролл на секции с анимацией, она сразу пролистывается до конца/начала и кидает на следующую секцию. Помогите пожалуйста, что не так codepen

Answer 1

[maxonklakson]

Скорее всего ты не используешь ScrollTrigger с параметром pin, или он неправильно сконфигурирован.

gsap.registerPlugin(ScrollTrigger);

gsap.timeline({
  scrollTrigger: {
    trigger: ".your-section",
    start: "top top",
    end: "+=1000", // "или сколько нужно"
    scrub: true,
    pin: true, // 
  }
})
.fromTo(".your-element", { opacity: 0 }, { opacity: 1 });