Question

我有一个带有overflow:hidden容器内缩略图的图库，我需要滚动它。我已经使用.scrollLeft()在点击上滚动了它。如何使其在mouseover上平滑滚动，或者最好在mousedown上滚动到列表的末尾？我正在寻找一种没有插件的方法。

这就是我点击滚动所得到的。

$("#slider").scrollLeft($("#slider").scrollLeft() + 200);

Answer 1

你的意思是：

$("#someEle").hover(function(){
    $("#slider").scrollLeft($("#slider").scrollLeft() + 200);
},function(){
    $("#slider").stop();
});

Answer 2

试试这个：

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

DEMO

JQuery滚动悬停或mousedown

2 个答案: