2013-03-07 88 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";