2013-03-07 56 views
5

,页面将开始向右滚动。无论如何要防止这一点?jQuery的可拖动的拖动关闭屏幕

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

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

+0

你有没有使用jQuery UI的可拖动? – 2013-03-07 07:30:55

+0

那些窗口正在使用jQuery可拖动。 – teynon 2013-03-07 07:31:23

+0

注意,例如张贴在代码不再说明了问题。 (固定) – teynon 2013-03-07 07:44:01

回答

6

当您使用jQuery UI Draggable,你有一个选项叫做Containment。在那里,你可以指定它应该被约束的父项。在你的情况下,父母应该是body

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

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

引述我的问题:'我宁愿不使用围堵选项窗口,因为我希望他们能稍微滑出屏幕(就像实际的Windows一样).'但是我不想鼠标能够滚动屏幕。 – teynon 2013-03-07 07:34:47

+0

有一个选项不滚动。你看到吗? – 2013-03-07 07:36:05

+1

它就在那里。添加滚动到你的答案。 – teynon 2013-03-07 07:37:22

0

试试这个:让我们说你的主要元素是一个名为div的 'mywindow的';

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