HTML拖拽时页面滚动,javascript – 如何在jquery中拖动draggable时禁用页面滚动？

我这样定义了一个draggable：

$("#drag_area a").live("mouseup", function() {

var object = $(this);

var class_array = $(this).attr("class").split(" ");

element(object,class_array);

return false;

}).draggable({

containment: "#drag_area",

grid: [44, 44],

zIndex: 1000

}).each(function(i, item){

});

当我拖动“drag_area a”类型的项目时,如果我在拖动页面时滚动页面,该项目将从包含中退出…这不是一个需要的情况,所以我该如何避免这种情况？我可以在拖动过程中禁用页面滚动吗？

解决方法:

您将使用所有可拖动元素而不使用任何容器,即为什么当您拖动元素时整个页面会因拖动而滚动.

而不是这样做：

将dragWrapper类的max-height和overflow设置为：

.dragWrapper {

max-height: 400px;

overflow: auto;

}

现在当你拖放你的元素而不是你的身体时,滚动只会在容器内.

希望能为你做到这一点(已经做过了);

标签：jquery,javascript,jquery-ui,html

来源： https://codeday.me/bug/20190609/1203335.html