Как сделать, чтобы фиксированные элементы мертво были прикреплены к краю экрана?

Question

[Анастасия]

Элементы с позицией fixed и absolutely (navbar, tabbar) и вообще вся область, когда их скролишь с телефона, все равно немного, но двигаются относительно края экрана. Также как здесь, если включить режим телефона в инструментах конструктора. Это как-то можно исправить?

Answer 1

[Антон Спирин]

По ссылке ничего не двигается. Чтобы фиксированные элементы вели себя как фиксированные, в мобильной версии не должно быть горизонтального скролла.

Comments

[Анастасия]

Попробую убрать горизонтальный скролл, спасибо.
Вот так двигается:

[Антон Спирин]

Анастасия, видимо, какие-то проблемы эмуляции. У меня в режиме iPhone X и на телефоне iPhone 7 все отлично.
Следите, чтобы в мобильной версии не было горизонтального скролла.
Очень часто его добавляют элементы с opacity: 0 и с min-witdh.

Answer 2

[Анастасия]

$("html,body").css("overflow","hidden");

Comments

[Конан Варвар]

html, body {
    overflow: hidden;
}

Зачем здесь jquery?

[Анастасия]

Конан Варвар, ну да, верно