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

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

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

我正在使用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

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