防止 Firefox 在溢出元素更改时重置滚动位置
我正在尝试实现一个模式弹出窗口,就像 Facebook 预览照片的方式一样。根据我的检查,主体变为溢出:隐藏,模式框变为溢出-y:滚动。
但是,我的 Firefox 网站有一个错误,当我将溢出元素从自动更改为隐藏时,它会重置页面的滚动位置。这在 Chrome 中不会发生。有什么解决方法/修复这个问题吗?谢谢!
编辑:
感谢您的帮助。请查看 jsfiddle http://jsfiddle.net/k3evQ/7/。
非常感谢!
I am trying to implement a modal popup like the way facebook does it for previewing photos. From what I've inspected, the body becomes overflow:hidden and the modal box becomes overflow-y:scroll.
However, I have a bug in my website for firefox where when I change the overflow element from auto to hidden, it resets the scroll position of the page. This does not happen in Chrome. Any workaround/fix for this? Thanks!
EDIT:
Thanks for your help. Please look at the jsfiddle http://jsfiddle.net/k3evQ/7/.
Greatly appreciate it!!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
最终放弃了将溢出更改为隐藏的想法。不管怎样,谢谢你的帮助。
Ended up scrapping the idea of changing the overflow to hidden. Thanks for all your help anyway.