我在我开发的许多网站上都遇到过这个问题,现在我似乎也在我的个人网站上遇到了这个问题。问题是,如果页面的内容超过浏览器窗口的高度,顶部的导航栏就会从应该在的位置移位(它会向左移动几个像素)。
在关于和主页上,由于页面的内容不会超出浏览器窗口,因此导航栏显示在正确的位置。但是,在联系人页面上,表单会导致位置向左移动,我不确定原因。
提前感谢所有的帮助/想法,我已经玩弄了几个小时了,我想我一定是在什么地方疏忽了!
发布于 2012-02-20 01:11:26
当页面内容不再垂直适合时,浏览器会在窗口右侧添加一个滚动条。这会更改浏览器窗口中的可用宽度,因此相对于窗口右侧居中或定位的任何内容都将向左移动一点。这是很常见的。
有许多方法可以控制这一点,但最常见的方法是通过控制窗口上的overflow-y属性使其始终具有滚动条或永远不会有滚动条。
设置overflow-y: scroll将强制滚动条始终在那里。
设置overflow-y: hidden将强制永远不显示滚动条。
发布于 2012-02-20 01:10:47
发现的问题:是页面边上的滚动条导致页面翻转!
可以通过在内容上使用overflow-y: scroll;始终显示搜索栏来修复此问题
https://stackoverflow.com/questions/9351210
复制相似问题