javascript - 停止滚动条上的可拖动功能

标签 javascript jquery html jquery-ui

我有一个名为“header”的 div。它是可拖动的并且有一个滚动条。为了防止单击滚动条时拖动 div,我在下面提供了此代码,但是如果拇指位于绝对顶部并且有人单击顶部箭头或用拇指向上滚动,则该代码无效。然后它会开始拖动。底部也是一样。我怎样才能防止这种情况发生。谢谢。

$("#header").draggable({
    start: function() {
        if ($(this).data("scrolled")) {
            $(this).data("scrolled", false).trigger("mouseup");
            return false;
        }
    }
}).find("*").andSelf().scroll(function() {               

    $(this).parents(".ui-draggable").data("scrolled", true);

});  

最佳答案

如果使用“取消”选项,就可以轻松解决。

请查看他们的官方文档 http://api.jqueryui.com/draggable/#option-cancel

关于javascript - 停止滚动条上的可拖动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15055286/

相关文章:

javascript - 如何使用声音管理器2静音和取消静音?

javascript - Firebase getToken() 类型错误 : Cannot read property

javascript - 在表格行的末尾添加编辑/删除按钮

javascript - 如何将表单中的多个复选框字段分配给ajax请求

javascript - 为什么不能在同一个js文件中建立两个cleave.js格式的字段?

javascript - 获取图像的高度

javascript - 使用 AJAX 向服务器发送多级 javascript 对象失败

HTML Chrome 审核指定图像尺寸

jquery - JS 脚本引起的偏移很小,我该如何防止呢?

javascript - 我应该在我的 SCRIPT 标签中包含类型 ="text/javascript"吗?