css - 无法弄清楚，网站正在“跳跃”

Question

我希望有人可以帮助我，我一直在我的 CSS 中搜索有什么问题，但无法弄清楚。如果您查看此网站：http: //viversa.nl/v2/index.html，然后单击一下页面，您会注意到站点之间的一些跳转。如果您从“Projecten”单击“People”并返回，您会特别注意到它。看来“HOME”和“PROJECTEN”是一样的，布局都不错。在“OVER ONS”、“PEOPLE”、“CONTACT”和“SITEMAP”旁边，它们的布局也很好。但是我不知道出了什么问题以及它是如何跳跃的，因为我只是简单地复制了菜单+徽标页+ css。希望有人可以帮助我解决这个问题！谢谢！

真诚的，斯特凡

Answer 1

问题是项目页面比屏幕长，从而导致出现垂直滚动条。由于您将布局居中，并且滚动条占用了您网站所用空间的 20px 左右，因此当滚动条出现时，被视为中心的部分会稍微“移动”。

要摆脱跳跃，您可以强制垂直滚动条始终可见：

html {
   overflow-y: scroll;
}

Answer 2

似乎您的图像的文字太多，高度仅为 410 像素，可能会删除一些文字或使背景图像更长，并在 CSS 中添加一些最小高度？

Answer 3

不同之处在于浏览器滚动条。与可以滚动的较长页面相比，不需要滚动的短页面具有稍宽的可用空间。