2011-03-20 35 views
0

我在我的网站上有一个页面,当用户根据某些条件进入它时,我想通过使用jQuery,从顶部中心向下滑动一个对话框屏幕移动到页面中心,但仍允许用户上下滚动底层页面,但需要确认对话框关闭页面或单击底层窗口的“X”(右上角),以关闭窗口。jQuery对话框向下滑动到中间而不是模态

请注意,我希望在用户上下滚动(即非模态)的同时始终保持对话框居中。

仅供参考,我正在使用Windows XP和MS IE8。

谢谢。

回答

3

尝试jQuery UI's dialog

编辑: 不知道这是做的最好的方式,但我这是如何做到的:

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

会做,但我怎么去这样做下来的功能幻灯片? – tonyf 2011-03-20 14:39:18

+1

编辑我的答案。 – mattsven 2011-03-20 14:52:33

0

在阐述对方的回答,你会想一些类添加到dialogClass到jQueryUI的对话框,以便它始终集中在页面上。 (例如position: fixed

http://jsfiddle.net/BWqWT/