Share Posted July 1 (edited) Hello there! I'm trying to create an horizontal scrollable section inside this mainly-vertical scroll site, which works fine so far, but now I need help to make the slides move easier when scrolling. What I mean is, right now you need to scroll almost the full width size of the current slide in order to go to next or prev slide, but I want to make the slides go/move/snap forth and back with less scrolling time, using either a mouse or a trackpad. I tried different snap values without the desired result. I don't know for sure if the approach made in my Codepen is the right one, it's the same as in this official example: See the Pen YzygYvM by GreenSock (@GreenSock) on CodePen Thanks again for this support space See the Pen jOWaZZV by jimmyadaro (@jimmyadaro) on CodePen Edited July 1 by jimmy-a Fix official Codepen embed Link to post Share on other sites
Share Posted July 1 Hey Jimmy. Just change the end value. If you want it to be twice as fast then divide it by 2: end: () => "+=" + (document.querySelector(".container").offsetWidth / 2) 1 1 Link to post Share on other sites
Author Share Posted July 1 19 minutes ago, ZachSaucier said: Hey Jimmy. Just change the end value. If you want it to be twice as fast then divide it by 2: end: () => "+=" + (document.querySelector(".container").offsetWidth / 2) Awesome! Didn't think about that. I divide it by 8 in my real project and works like a charm. Thanks again 🙌 1 Link to post Share on other sites
