2012-01-15 65 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