2012-01-15 54 views
1

我想要做的是,如果鼠標在'下一個'按鈕上以低速滾動到右側,並且如果鼠標不在'下一個'按鈕上,它會停止滾動?jquery scrollLeft auto?

,這裏是我的嘗試http://jsfiddle.net/mdanz/nCCRy/14/

$(function() { 

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

}); 

回答

3

退房jQuery的.stop()方法:

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

這裏的小提琴:http://jsfiddle.net/nCCRy/17/

+0

感謝,但我如何使它scrollLeft直​​到的結束div懸停?我把120px,但我只是希望它scrollleft無限,直到它到達div的末尾。 – user892134 2012-01-15 18:31:04

+0

另外,在第一個函數之後添加逗號並添加另一個函數時,術語是什麼?備用功能? – user892134 2012-01-15 18:35:54

+0

@ user892134 - 查看我的更新。 – 2012-01-15 18:37:26