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

Question

我正在尝试弄清楚如何让用户拖动图像而不是必须向右滚动(参见 here)

它按照我希望的方式工作:

$("#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
   }
});