Hi all,
So I've created a Scrolltrigger that listens to the botom of a panel so you can actually scroll through the entire content of a panel.
Now once you're at the bottom of one panel, the next one comes in too quick which ends up in missing the animation happening at the bottom of a panel. Can I add something like a scrolling delay at the bottom of a panel where you have to scroll further before the next panel comes in?
Current code looks like this:
gsap.utils.toArray(".o-scroll-section").forEach((panel, i) => {
ScrollTrigger.create({
trigger: panel,
start: "bottom bottom",
pin: true,
pinSpacing: false ,
});
});
Hopefully someone has the answer.
Thanks!