【问题标题】:Prevent firefox from resetting scroll position when overflow element changes防止 Firefox 在溢出元素更改时重置滚动位置
【发布时间】: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


【解决方案1】:

最终放弃了将溢出更改为隐藏的想法。无论如何,感谢您的所有帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-09-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-22
    • 2012-11-02
    • 1970-01-01
    • 2011-08-13
    相关资源
    最近更新 更多