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

时间:2013-02-24 18:50:48

标签: 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);

});  

1 个答案:

答案 0 :(得分:1)

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

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