Javascript 使用滚动条向下滚动时，使框保持静止

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

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

我正在使用

jsplump.draggable（）

启用拖动

---

jsIDLE:

快速查看向我建议，使用按钮包装上未固定的相对或绝对定位。在我的手机上，它似乎工作得很好

我会停止/开始拖动：

$(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;}

---

你用的是什么浏览器？我没有看到你在Chromefirefox中描述的这种行为，我正在使用这两个选项，仍然移动盒子，我在使用firefox BTWD。你知道为什么盒子在不可拖动后看起来更灰吗？@JennyC不，试图弄清楚：）我想可能是一个jsplumbthing@JennyC我认为这样做，可以正常工作：@jennyC在禁用它时发现了这个问题，它正在将这个类添加到div:

.ui-state-disabled

通过将这个类放入css:

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

来修复它