如何使用.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计提折旧