Проблемы с высотой страницы в Safari

Question

Я сталкивался с этой проблемой на многочисленных сайтах, которые я разработал, и теперь мне кажется, что я также испытываю ее на своем личном сайте. Проблема в том, что если содержимое страницы превышает высоту окна браузера, то навигационная панель вверху смещается от позиции, в которой она должна находиться (она сдвигается на пару пикселей влево).

На странице about и home, поскольку содержимое страницы не превышает окно браузера, панель навигации отображается в правильном положении. Однако на странице контактов форма вызывает перемещение позиции влево, и я не знаю, почему.

Спасибо за всю помощь / идеи заранее, я играю с этим часами, и я думаю, что я где-то сделал недосмотр!

Answer 1

Когда содержимое страницы больше не помещается по вертикали, браузер добавляет полосу прокрутки с правой стороны окна.Это изменяет доступную ширину в окне браузера, поэтому любой контент, который либо центрирован, либо расположен относительно правой стороны окна, будет немного перемещаться влево.Это очень распространенное явление.

Существует несколько способов управления этим, но наиболее распространенным является либо сделать так, чтобы у вас всегда была полоса прокрутки, либо никогда не было полосы прокрутки с помощью свойства overflow-ywindow.

Настройка overflow-y: scroll заставит полосы прокрутки всегда быть там.

Настройка overflow-y: hidden приведет к тому, что никогда не будет полос прокрутки.

Answer 2

Найденная проблема: полоса прокрутки сбоку страницы вызывает смещение!

Это можно исправить, всегда показывая полосу прокрутки, используя overflow-y: scroll; для содержимого