我遇到了一个非常奇怪的问题。它存在于每个浏览器中。
一切正常,直到您尝试使用散列(例如我页面中的#contactUs)转到某个部分...试试这个 url:http://mahersalam.co.cc/projects/2011/#contactUs
您会看到页面向顶部移动 10 像素。如果你去掉散列,它又可以工作了。
我在页面 (#container) 上有一个溢出:隐藏的包装器,我这样做是为了确保在分辨率发生变化时不会出现滚动条。如果您删除 overflow 属性,它也会起作用。
我想移动是通过滚动条的位置发生的,但因为它是隐藏的,所以它的位置只会停留。
那么有人知道如何解决这个问题吗?
编辑:
我找到了解决方案并将其写在答案中。
最佳答案
这确实是一个美观的布局。非常好。
任何人,溢出似乎是从 #headerWrap
的上边距中取出一大块,并为我将其添加到页面底部,正好是 16 像素。
到目前为止,我所尝试的一切都没有奏效。能不能搞定#container
不会水平溢出?
编辑:没关系;以下不起作用...
将 #container
的样式从 overflow: hidden;
更改为 overflow-y: hidden;
seems在 Firefox 上工作 不是一个非常可靠的解决方案。
关于html - 为什么页面移动到顶部并带有溢出 :hidden? 的容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3033944/