JQuery 可拖动容器答案

【问题标题】：JQuery draggable containmentJQuery 可拖动容器
【发布时间】：2013-02-22 14:08:48
【问题描述】：

如何使元素在整个页面上可拖动。现在它只允许我在父 div 中拖动我的元素。

 $(thumb).draggable()

 var thumb = document.createElement("img");
            $(thumb).draggable({containment: "html"});
            thinner.appendChild(thumb);

【问题讨论】：

【解决方案1】：

这应该可行：

$(thumb).draggable({containment: "body"});

【讨论】：

【解决方案2】：

如果您要使用$(thumb).draggable({containment: "body"});，那么您必须将其添加到 CSS 中。

body{
   overflow: hidden;
}

否则使用：

$(thumb).draggable({containment: "html"});

【讨论】：

【解决方案3】：

除了包含之外，您可能还必须使用 appendTo 选项在拖动时将助手附加到正文：

$(thumb).draggable({containment: "body", appendTo: "body"});

【讨论】：

【解决方案4】：

试试.draggable({containment: "body", scroll: false})

【讨论】：