javascript - jQuery Draggable 拖出屏幕

Question

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

重现：https ://jqueryui.com/draggable/ 将窗口拖动到右侧。

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

Answer 1

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

作为替代方案，您可以使用滚动选项：

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

Answer 2

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

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