上一篇: 检查jQuery ajax请求的状态下一篇:jQuery Datepicker – 根据以前的...

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

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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);
        }
    });
}