如何使用.click（）按鈕停止使用JavaScript進行滾動？

Question

我試圖讓我的畫廊水平滾動，但停止釋放按鈕時。我在想的另一個選擇是讓畫廊變得更小，一次只能放入一張照片，然後只需添加一個按鈕即可進入下一張。現在，我如何得到這個工作？該遺址位於here.

//Scrolling 
var amount = ''; 

function scroll() { 
    $('#photosContainer').animate({ 
     scrollLeft: amount 
    }, 100, 'linear',function() { 
     if (amount != '') { 
      scroll(); 
     } 
    }); 
} 
$('#scrollDown').mousedown(function() { 
    amount = '+=10'; 
    scroll(); 
}); 
$('#scrollDown').mouseup(function(){ 
    $(this).stop(true); 
}); 
$('#scrollUp').mousedown(function() { 
    amount = '-=10'; 
    scroll(); 
}); 
$('#scrollUp').mouseup(function(){ 
    $(this).stop(true); 
}); 

Answer 1

的問題是，在mouseup功能，你正試圖從移動停止按鈕。但是按鈕並沒有移動，所以腳本基本上忽略了這個代碼。如果更改this的功能#photosContainer，它將停止在mouseup

$('#scrollUp').mouseup(function(){ 
    $('#photosContainer').stop(true); 
}); 

$('#scrollDown').mouseup(function(){ 
    $('#photosContainer').stop(true); 
}); 

你也並不需要在那裏true，因爲沒有在你的代碼，將違背stop()被設置爲true

我也建議改變功能on()，becaue mouseup和mousedown計提折舊