javascript - jQuery Draggable 拖出屏幕

Question

当用户捕获窗口的标题栏并一直向右拖动时，页面将开始向右滚动。有什么办法可以防止这种情况发生吗？

重现:https://jqueryui.com/draggable/向右拖动窗口。

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

Answer 1

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

作为替代方案，您可以使用 scroll option :

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