jQuery對話框向下滑動到中間而不是模態

我在我的網站上有一個頁面，當用戶根據某些條件進入它時，我想通過使用jQuery，從頂部中心向下滑動一個對話框屏幕移動到頁面中心，但仍允許用戶上下滾動底層頁面，但需要確認對話框關閉頁面或單擊底層窗口的「X」（右上角），以關閉窗口。jQuery對話框向下滑動到中間而不是模態

請注意，我希望在用戶上下滾動（即非模態）的同時始終保持對話框居中。

僅供參考，我正在使用Windows XP和MS IE8。

謝謝。

來源

2011-03-20 tonyf

嘗試jQuery UI's dialog。

編輯： 不知道這是做的最好的方式，但我這是如何做到的：

$("<div />", { html:"Test." }).dialog({ autoOpen: true, position: "top" }).dialog("widget").css({"position":"fixed","top":"0"}).animate({ top: "40%" }, 1000);

來源

2011-03-20 14:32:34 mattsven

會做，但我怎麼去這樣做下來的功能幻燈片？ – tonyf 2011-03-20 14:39:18

編輯我的答案。 – mattsven 2011-03-20 14:52:33

在闡述對方的回答，你會想一些類添加到dialogClass到jQueryUI的對話框，以便它始終集中在頁面上。（例如position: fixed）

http://jsfiddle.net/BWqWT/

來源

2011-03-20 14:45:29 Haochi

jQuery對話框向下滑動到中間而不是模態

回答

相關問題