javascript - 在 div 内拖动而不是滚动

Question

我试图弄清楚如何让用户拖动图像而不是向右滚动（见这里）

它按我想要的方式工作：

$("#timeline").draggable({
axis: "x",
});

问题是当用户到达图像的末尾时，他们仍然可以继续拖动而不是停止。

有没有更有效的方法，当它到达终点时就像用户滚动到终点一样停止？

Answer 1

添加一个回调来draggable检查页面宽度与图像宽度的比较以及它在页面上的位置。

就像是：

$("#timeline").draggable({
   axis: "x",
   drag: function(event, ui){
      var position = ui.position;
      var offset = ui.offset;
      //code returns false if your check does not go through
      //your code to check if the user can drag anymore
   }
});