Safari頁面高度問題

Question

我已經在我開發的衆多網站上遇到過這個問題，現在看來我也在我的個人網站上體驗過它。問題是，如果頁面的內容超過瀏覽器窗口的高度，頂部的導航欄將從應該位於的位置（它移動了幾個左側的像素）移開。

在about和home頁面上，由於頁面內容沒有超過瀏覽器窗口，所以導航欄顯示在正確的位置。但是，在聯繫人頁面上，表單導致位置向左移動，我不知道爲什麼。

感謝所有的幫助/想法提前，我一直在玩這個好幾個小時，而且我想我必須在某個地方做一個疏忽！

Answer 1

使用overflow-y: scroll;當頁面的內容不再適合垂直固定，瀏覽器增加了一個滾動條到窗口的右側。這會更改瀏覽器窗口中的可用寬度，因此，相對於窗口右側居中或定位的任何內容都會向左移動一點。這很常見。

有很多方法可以控制這個，但最常見的是要麼通過控制窗口上的overflow-y屬性來使其始終具有滾動條或從不具有滾動條。

設置overflow-y: scroll將強制滾動條始終在那裏。

設置overflow-y: hidden將強制在那裏永遠不會滾動條。

Answer 2

發現問題：它是頁面側面的滾動條導致它移動過來！

它可以隨時顯示scollbar，在內容