Javascript 在div内拖动而不是滚动

我正试图找出如何让用户拖动图像，而不必向右滚动（请参阅）

它以我希望的方式工作，使用：

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

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

---

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

将回调添加到

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
   }
});

使用