拖动而不是在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
   }
});