jqueryscrollLeft 自动？

Question

我想做的是，如果鼠标位于“下一个”按钮上，它会以慢速向右滚动，如果鼠标没有位于“下一个”按钮上，它会停止滚动？

这是我的尝试http://jsfiddle.net/mdanz/nCCRy/14/

$(function() {

$('#next-button').hover(function() {
    $('#display-container').animate({
        'scrollLeft': '+=120px'
    }, '500');
});

});

Answer 1

查看 jQuery 的 .stop()方法:

var $container = $('#display-container'),
    scroll = $container.width();
$('#next-button').hover(function() {
    $container.animate({
        'scrollLeft': scroll
    }, 500);
}, function(){
    $container.stop();
});

这是 fiddle :http://jsfiddle.net/nCCRy/17/