Почему на телефоне в position: fixed элементе при прокрутке контент немного сдвигается вниз как будто там есть вертикальный скролл?

Question

[Shalindor]

Проблема возникает только на мобильной версии если использовать десктоп то её нет и при эмуляцию мобильного устройства через инструменты разработчика проблем тоже нет

вот видео для лучшей демонстрации ошибки: https://www.youtube.com/watch?v=5MzMevQ_GN8 Обратите внимание на стрелку и меню бургер

Answer 1

[Станислав]

Необходимо заменить в position: fixed; вместо top: ... ; заменить на bottom: ...; и привязываться к низу вьюпорта

Comments

[Shalindor]

Станислав Спасибо огромное всё заработало

Answer 2

[Виталий Першин]

При прокрутке вверх выдвигается адресная срока, вниз задвигается. Ну а поскольку стоит position: fixed то элемент привязан к верхней видимой части окна браузера, будет проще понять, если поставить top: 0; , а чтобы этого не было, можно привязаться не к top а к bottom, но опять же, если величина будет относительная, то при выдвижении адресной строки она будет меняться. Надеюсь я правильно понял вопрос и понятно объяснил

Comments

[Shalindor]

Виталий Першин Спасибо огромное всё заработало