我希望有人可以帮助我,我一直在用我的CSS搜索错误但无法弄明白。 如果你看一下这个网站:http://viversa.nl/v2/index.html,然后点击一下那些页面,你会发现网站之间有一些跳跃。如果你点击'Projecten'到'People'并返回,你会特别注意到它。 似乎“HOME”和“PROJECTEN”是相同的,两者都有良好的布局。旁边的“OVER ONS”,“PEOPLE”,“CONTACT”和“SITEMAP”也有很好的布局。但我无法弄清楚什么是错的以及它是如何跳跃的,因为我简单地复制了菜单+徽标页面+ css。 希望有人可以帮我解决这个问题! 谢谢!
真诚的,Stefan
答案 0 :(得分:2)
问题是项目页面比屏幕长,从而导致出现垂直滚动条。由于您将布局居中,并且滚动条占用了您网站所用空间的20px左右,因此当滚动条出现时,被视为中心的内容将会“略微”移动。
要摆脱跳跃,可以强制垂直滚动条始终可见:
html {
overflow-y: scroll;
}
答案 1 :(得分:0)
区别在于浏览器滚动条。与可以滚动的较长页面相比,不需要滚动的短页面可以使用稍宽的空间。
答案 2 :(得分:0)
看起来你的图像文本太多了,只有410px的高度,可能会删除一些文字或者让你的背景图片变长,并在CSS中添加一些最小高度?