I'm the fixer for a client project and I'm trying to get horizontal snap scroll looking tight. I'm noticing a slight delay between the time scroll settles and the snap takes place — any clues as to how to remove it to get it to feel more responsive? I'm using ScrollSmoother as well.
Site: https://archsoldev.wpengine.com
Here's my setup:
tl = gsap.timeline({
scrollTrigger: {
trigger: ".panel-wrap",
pin: true,
anticipatePin: 1,
fastScrollEnd: true,
scrub: 0,
onSnapComplete: self => {
if ($(".site-header").hasClass("mini") == false && window.scrollY > 0) {
$(".site-header").addClass("mini");
$(".hide--scrolled").fadeOut(function() {
$(".show--scrolled").fadeIn();
});
window.setTimeout(function() {
ScrollTrigger.refresh();
}, 250);
}
},
snap: {
snapTo: 1 / (sections.length - 1),
duration: {min: 0.02, max: 0.5},
delay: 0.1
},
start: "top top",
end: "+=3000"
}
});
Thanks!