【发布时间】:2011-12-20 21:05:37
【问题描述】:
我正在尝试实现一个模态弹出窗口,就像 facebook 为预览照片所做的那样。根据我的检查,主体变为溢出:隐藏,模态框变为溢出-y:滚动。
但是,我的 Firefox 网站中有一个错误,当我将溢出元素从自动更改为隐藏时,它会重置页面的滚动位置。这在 Chrome 中不会发生。有什么解决方法/解决方法吗?谢谢!
编辑:
感谢您的帮助。请看jsfiddlehttp://jsfiddle.net/k3evQ/7/。
非常感谢!!!
【问题讨论】:
-
你能提供一个链接或小提琴来展示这个吗?听起来不对。在这个小提琴中,您可以看到鼠标悬停在红色上不会重置滚动位置 - jsfiddle.net/k3evQ/1
-
是的......绝对需要一个带有源代码的示例。另外,您是否尝试过一些模态插件? goo.gl/iqf76(提示:ZURB 的 Reveal 非常棒,如果需要,可以轻松自定义 @media 查询)
-
感谢您的帮助。我修改了你的jsfiddle。基本上我会在较大的模态框内放置一个模态弹出窗口,以便它具有褪色的背景。 jsfiddle.net/k3evQ/7
标签: javascript css overflow modal-dialog