Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止firefox在溢出元素更改时重置滚动位置_Javascript_Css_Overflow_Modal Dialog - Fatal编程技术网

Javascript 防止firefox在溢出元素更改时重置滚动位置

Javascript 防止firefox在溢出元素更改时重置滚动位置,javascript,css,overflow,modal-dialog,Javascript,Css,Overflow,Modal Dialog,我正在尝试实现一个模式弹出窗口,就像facebook预览照片的方式一样。根据我所检查的内容,主体变为overflow:hidden,模态框变为overflow-y:scroll 然而,我的firefox网站有一个bug,当我将溢出元素从auto改为hidden时,它会重置页面的滚动位置。这在Chrome中不会发生。有没有解决方法/修复方法?谢谢 编辑: 谢谢你的帮助。请看JSFIDLE 非常感谢 最终放弃了将溢出更改为隐藏的想法。无论如何,谢谢你的帮助。你能提供一个链接或一把小提琴来展示这一点吗

我正在尝试实现一个模式弹出窗口,就像facebook预览照片的方式一样。根据我所检查的内容,主体变为overflow:hidden,模态框变为overflow-y:scroll

然而,我的firefox网站有一个bug,当我将溢出元素从auto改为hidden时,它会重置页面的滚动位置。这在Chrome中不会发生。有没有解决方法/修复方法?谢谢

编辑:

谢谢你的帮助。请看JSFIDLE


非常感谢

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

你能提供一个链接或一把小提琴来展示这一点吗?听起来不对。在这把小提琴中,你可以看到鼠标移到红色上不会重置滚动位置-是的。。。肯定需要一个源代码示例。还有,你试过一些模态插件吗?(提示:如果需要,@media查询的话,由ZURB展示非常好,而且很容易定制)感谢您的帮助。我修改了你的密码。基本上,我会在更大的模态框中放置一个模态弹出窗口,这样它就会有一个褪色的背景。