將代替裏面的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 
    } 
});