Javascript單擊並拖動背景不能按預期方式工作

Question

我正在嘗試使用Javascript進行單擊並拖動背景，因此我製作了this fiddle。但它有一個問題。

當您單擊並拖動到左側時，背景會向右移動，因此我會跟蹤鼠標的位置，將其與mousedown進行比較，並區別滾動身體。但是，當它達到0時，差異是負的，所以如果你移過這個差異，然後再向右移動，你必須移動你過去的像素數量，這很奇怪。

因此，要解決這個問題，我把這個代碼：

if(difX < 0){ 
    md.x = mm.x; 
} 

這使得，如果差小於0（即：達到的邊緣），鼠標按下位置是一樣的鼠標移動，所以當你移動到另一邊時，差異不再是負面的，並且可以再次開始增加。

問題是，當你到達邊緣時它跳動。

我只在X位置做過這個，但是我一旦解決它就會做同樣的事情。提前致謝！

Answer 1

沒關係，解決它的問題是，當它達到了負差，所以它使用存儲在鼠標鬆開的之一，因爲這些數字之間的差異跳sl變量並沒有改變，here's the solved fiddle