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

Question

我有一个名为“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);

});  

Answer 1

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

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