jquery – 如何在mousedown事件上连续滚动div？

我有两个div和两个按钮：

<div id="container">
    <div id="items"></div>
</div>
<div id="up"></div>
<div id="down"></div>

如何连续滚动’#items’直到用户释放按钮？
我尝试使用jquery mousedown事件和动画功能,但无法使其工作.

$("#up").mousedown(function(){
$("#items").animate({"top": "+=10px"},"fast");
})

上面的代码只移动div一次.我希望在释放按钮之前实现连续动画.谢谢你的帮助！

解决方法

请试试这个：

var scrolling = false;

jQuery(function($){
    $("#up").mousedown(function(){
        scrolling = true;
        startScrolling($("#items"),"-=10px");
    }).mouseup(function(){
        scrolling = false;
    });
});

function startScrolling(obj,param)
{
    obj.animate({"top": param},"fast",function(){
        if (scrolling)
        {
            startScrolling(obj,param);
        }
    });
}

原文地址：https://www.jb51.cc/jquery/178649.html