Hello, I have problem when using ScrollTrigger to make a horizontal scroll webpage. When I scroll to the last element of the page (scroll till the end), everything goes back to the starting point and translated by Y axis a little bit, how can I fix this??
My demo site: https://62ee69842ed45300084c48f2--xtcnuxt.netlify.app/ (post edited)
My code:
gsap.to(homeDesktop, {
xPercent: -100,
x: () => innerWidth,
ease: "none",
scrollTrigger: {
trigger: homeDesktop,
scrub: true,
pin: true,
end: () => innerWidth * 3,
}
});