javascript - 如何在 jquery 中拖动可拖动时禁用页面滚动？

Question

我以这种方式定义了一个可拖动对象:

$("#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”的项目时，如果我在拖动它的同时滚动页面，该项目会退出收容...这不是预期的情况，那么我该如何避免这种情况呢？我可以在拖动过程中禁用页面滚动吗？

Answer 1

我在拖动元素时用一行 css 解决了这个问题 touch-action: none;