Developing a smooth scrolling experience with click-and-drag capabilities poses distinct difficulties, particularly when utilizing JavaScript and CSS scroll-snap. Maintaining seamless snapping behavior when manually changing scrollLeft is a significant challenge for developers. By using a variety of methods, such as adding momentum effects and toggling scroll-snap-type, a natural interaction that resembles native touch scrolling can be achieved. In order to guarantee a smooth and simple user experience, this article examines various strategies for enhancing scroll dynamics.