jQuery对话框向下滑动到中心而不是模态

时间:2011-03-20 14:25:53

标签: jquery jquery-ui

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

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

我使用的是Windows XP和MS IE8。

2 个答案:

答案 0 :(得分:3)

尝试jQuery UI's dialog

修改 不确定这是否是最好的方法,但这就是我做的方式:

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

答案 1 :(得分:0)

在另一个答案的阐述中,您需要向jQueryUI的Dialog中添加一些类dialogClass,以便它始终以页面为中心。 (例如position: fixed

http://jsfiddle.net/BWqWT/