当溢出元素发生变化时,防止Firefox重置滚动位置

问题描述:

我试图实现一种模式弹出式,就像Facebook做预览照片一样。从我检查过,身体变得溢出:隐藏和模态框变成溢出 - Y:滚动。当溢出元素发生变化时,防止Firefox重置滚动位置

但是,我在Firefox的网站上有一个错误,当我将overflow元素从auto更改为hidden时,会重置页面的滚动位置。这在Chrome中不会发生。任何解决方法/修复此?谢谢!

编辑:

感谢您的帮助。请看看jsfiddle http://jsfiddle.net/k3evQ/7/

非常感谢!

+0

你能提供一个链接或小提琴来表明这一点吗?听起来不对。在这个小提琴中,你可以看到,鼠标悬停在红色不会重置滚动位置 - http://jsfiddle.net/k3evQ/1 – mrtsherman

+0

是啊...一个源代码的例子是绝对需要的。另外,你有没有尝试过一些模式插件? http://goo.gl/iqf76(提示:如果需要,ZURB显示非常容易定制@media查询) – Ben

+0

感谢您的帮助。我修改了你的jsfiddle。基本上我会在更大的模式框中放置一个模式弹出框,以便它具有褪色的背景。 http://jsfiddle.net/k3evQ/7/ – chourobin

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