jQuery Draggable 拖出屏幕答案

【问题标题】：jQuery Draggable drags off screenjQuery Draggable 拖出屏幕
【发布时间】：2013-03-07 07:28:42
【问题描述】：

当用户抓住一个窗口的标题栏并一直向右拖动时，页面将开始向右滚动。有没有办法防止这种情况发生？

我在html 和body 标签上有overflow: hidden。不知道还能在这里做什么。我不想在窗口上使用遏制选项，因为我希望它们能够稍微滑出屏幕。

【问题讨论】：

【解决方案1】：

当您使用jQuery UI Draggable 时，您有一个名为Containment 的选项。在那里，您可以指定应将其约束在其中的父级。在你的情况下，父母应该是body。

您也可以使用scroll option:

$( "#outlook" ).draggable({ scroll: false });

【讨论】：

引用我的问题：I'd prefer not to use the containment option on the window because I want them to be able to slide off screen slightly (like the actual Windows does). 但我不希望鼠标能够滚出屏幕。
有一个不滚动的选项。你看到了吗？
就是这样。为您的答案添加滚动条。
当然，文本描述了约束，而代码显示了滚动。我会尽快接受。
constrain 选项已替换为 containment

【解决方案2】：

试试这个：假设您的主要元素是一个名为“myWindow”的 div；

document.getElementById('myWindow').scrolling = "no";

【讨论】：