如何通过拖动使滑块可滚动？

Question

I want to create a slider like this, with arrows to show the next/previous elements, and with the feature to make horizontal scroll by dragging the finger/mouse to left and right. I am looking for and easy solution, with no libraries, just javascript.

Answer 1

您可以使用 EventListeners，对于非移动设备，您可以使用“mousedown”、“mousemove”等。

const myslider = document.querySelector('your-slider-name');

myslider.addEventListener(“mousemove” (e) =>  {
//add your code for scrolling 
});

看看this 有更深入的解释