使用滚动条向下滚动时，使框保持不变

Question

当我点击一个框时，我可以将它拖动到屏幕上。您可以单击文件夹图标以打开信息视图，并且会出现滚动条，因为有大量文本。

问题：当我使用鼠标滚动滚动条时，它也会拖动框。当我单击滚动条移动栏时，如何让它不移动框？

我正在使用jsPlumb.draggable()来启用拖动功能。

jsfiddle：http://jsfiddle.net/7PuN3/2/

Answer 1

我会停止/开始拖动：

$(function(){   
$('#1 .button_wrap').on('click', function(e){
    e.stopPropagation();
    $(".info").html(newHtml).show();
    jsPlumb.setDraggable("1", false)


});});


$(function(){
    $("#1").on("click", ".info .ui-icon-close", function(){
        $(".info").hide();
        jsPlumb.setDraggable("1", true)
    });
});

然后在你的css中添加这个类，不要让div在禁用拖动时淡出：

.ui-state-disabled{opacity: 1;}

Answer 2

快速向我看，使用相对或绝对定位不固定在按钮包装上。在我的手机上它似乎工作正常。