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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/178649.html

猜你在找的jQuery相关文章