I have one page scroll functionality. On scroll page jumps to top from random position. Sorry I'm without codepen right now. Maybe have you quick answer and you met this problem before?
The link https://emelya.studio/storage/frame/
I'm scrolling with this code:
function goToSection(panel, anim) {
gsap.to(window, {
scrollTo: {y: panel, autoKill: false},
duration: 2,
overwrite: "auto",
onComplete: () => {
enableScroll();
}
});
}
gsap.utils.toArray(".map-slide-trigger").forEach((panel, i) => {
ScrollTrigger.create({
trigger: panel,
onEnter: () => goToSection(panel)
});
ScrollTrigger.create({
trigger: panel,
start: "bottom bottom",
onEnterBack: () => goToSection(panel)
});
});