無法弄清楚，網站是'跳'

Question

我希望有人可以幫助我，我一直在我的C​​SS搜索什麼是錯的，但無法弄清楚。 如果你看看這個網站：http://viversa.nl/v2/index.html，並點擊了一下頁面，你會發現一些網站之間跳躍。你會注意到，特別是如果你從'Projecten'點擊'人物'並返回。 看起來「HOME」和「PROJECTEN」是一樣的，都有很好的佈局。旁邊有「OVER ONS」，「PEOPLE」，「CONTACT」和「SITEMAP」，它們都有很好的佈局。但我無法弄清楚什麼是錯的，以及它如何跳躍，因爲我簡單地複製了菜單+標誌頁面+ CSS。 希望有人能幫助我解決這個問題！ 謝謝！

此致Stefan

Answer 1

區別在於瀏覽器滾動條。與可以滾動的較長頁面相比，不需要滾動的短頁面可用的空間略寬。

Answer 2

問題是項目頁面比屏幕更長，從而導致垂直滾動條出現。由於您將佈局居中並且滾動條佔用了您網站所用空間的20px左右，因此當滾動條出現時，被視爲中心的內容將會「略微移動」。

爲了擺脫跳躍的，可以強制垂直滾動條始終可見：

html { 
    overflow-y: scroll; 
} 

Answer 3

好像你有太多的文字爲你的形象是隻有410px的高度，也許刪除一些文字或使您的背景圖片更長，並在CSS中添加一些最小高度？