无法弄清楚这一点，网站是'跳' [英] Can't figure this out, website is 'jumping'

问题描述

我希望有人可以帮助我，我一直在寻找我的CSS错误但无法弄明白。
如果您查看本网站： http://viversa.nl/v2/index.html ，然后点击一下扔掉页面，你会发现网站之间有一些跳跃。如果你点击'Projecten'到'People'并返回，你会特别注意到它。
似乎HOME和PROJECTEN是相同的，两者都有良好的布局。旁边的OVER ONS，PEOPLE，CONTACT和SITEMAP也有很好的布局。但我无法弄清楚什么是错的以及它是如何跳跃的，因为我简单地复制了菜单+徽标页面+ css。
希望有人可以帮我解决这个问题！
谢谢！

I hope someone can help me with this, I've been searching in my CSS whats wrong but can't figure it out. If you look at this website: http://viversa.nl/v2/index.html , and click a bit threw the pages, you'll notice some jumping between sites. You'll notice it specially if you click from 'Projecten' to 'People' and back. It seems "HOME" and "PROJECTEN" are the same, with both a good layout. Next to "OVER ONS", "PEOPLE", "CONTACT" and "SITEMAP" which have a good layout together aswell. But I can't figure out whats wrong and how its possible its jumping, since I simple copied the menu + logo pages + css. Hope someone can help me out with this! Thanks!

此致，Stefan

推荐答案

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

The problem is that the project-page is longer than the screen, thus causing the vertical scroll-bar to appear. Since you are centering the layout and the scroll-bar takes up 20px or so of the space used for your site, what is considered as the center will "move" slightly when the scroll-bar appears.

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

To get rid of the jumping, you can force the vertical scroll-bar to always be visible:

html {
   overflow-y: scroll;
}

这篇关于无法弄清楚这一点，网站是'跳'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！