jQuery Draggable拖出屏幕

时间:2013-03-07 07:28:42

标签: javascript jquery css jquery-ui-draggable

当用户抓住窗口的标题栏并向右拖动时,页面将开始向右滚动。反正有没有阻止这个?

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

我在overflow: hiddenhtml标记上有body。不知道还有什么可以做的。我不想在窗口上使用包含选项,因为我希望它们能够稍微滑出屏幕。

2 个答案:

答案 0 :(得分:8)

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

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

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

答案 1 :(得分:0)

试试这个:假设你的主元素是一个名为'myWindow'的div;

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