首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery对话框向下滑动到中心,而不是模式

jQuery对话框向下滑动到中心,而不是模式
EN

Stack Overflow用户
提问于 2011-03-20 22:25:53
回答 2查看 3.6K关注 0票数 0

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

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

我使用的是Windows XP和MS IE8。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-03-20 22:32:34

试试jQuery UI's dialog

编辑:不确定这是否是最好的方法,但我是这样做的:

代码语言:javascript
运行
复制
$("<div />", { html:"Test." }).dialog({ autoOpen: true, position: "top" }).dialog( "widget" ).css({"position":"fixed","top":"0"}).animate({ top: "40%" }, 1000);
票数 3
EN

Stack Overflow用户

发布于 2011-03-20 22:45:29

详细介绍另一个答案时,您需要将一些类添加到jQueryUI的对话框的dialogClass中,以便它始终以页面为中心。(例如position: fixed)

http://jsfiddle.net/BWqWT/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5369050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档