当使用滚动条向下滚动时，使这些框保持静止

Make the boxes stay still when scrolling down using the scroll bar

本文关键字：静止 滚动条 滚动      更新时间：2023-09-26

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

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

我使用jsPlumb.draggable()来启用拖动。

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

我会停止/开始拖动:

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

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

相关文章：