Javascript 在滚动条上停止可拖动功能

Javascript 在滚动条上停止可拖动功能,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我有一个叫做“header”的div。它是可拖动的,并且有一个滚动条。为了防止在单击srollbar时拖动div,下面有一段代码,但是如果拇指位于绝对顶部,有人单击顶部箭头或用拇指向上滚动,则此代码无效。然后它将开始拖动。底部也是一样。我怎样才能防止这种情况发生。谢谢 $("#header").draggable({ start: function() { if ($(this).data("scrolled")) { $(this).data("

我有一个叫做“header”的div。它是可拖动的,并且有一个滚动条。为了防止在单击srollbar时拖动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);

});  

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

请检查他们的官方文件

如果使用“取消”选项,您可以轻松解决此问题

请检查他们的官方文件

为什么这么复杂?只需使用“取消”选项即可禁用拖动滚动条。我只是用了“取消”这个词,真不敢相信它把事情简化了。谢谢你,伙计,很好。我把它移到答案上来,这样你们就可以接受:)为什么这么复杂?只需使用“取消”选项即可禁用拖动滚动条。我只是用了“取消”这个词,真不敢相信它把事情简化了。谢谢你,伙计,很好。我将其移动到“回答”以便您可以接受:)