sorry_i_noob
@sorry_i_noob

Как исправить баг с position: fixed в Chrome на Android при скролле?

Здравствуйте. Я открываю свой сайт через Chrome на своем телефоне. Делаю так, чтобы появился popup. У меня вместе с popup появляется его полупрозрачный черный фон. Если кликнуть на этот фон, то popup пропадает. Этот фон имеет position: fixed.
Так вот. Я открываю, начинаю скроллить, у хрома пропадает адресная строка (уезжает вверх), сайт скроллится, а вот фон стоит на месте, из-за чего внизу у него высотой в эту адресную строку появляется отступ.
Прикладываю скриншоты. Как мне это исправить?
Сейчас у меня стоит top: 0. Я пробовал добавлять еще и bottom: 0, но тогда отступ появляется вверху. Пробовал убирать height: 100% - не помогло. Да и не очень это классный вариант, так как у меня есть fixed элементы на сайте, где height фиксированный (меню для телефонов, например).
5bc8377ac3c02549728520.jpeg5bc837849657a817172836.jpeg
  • Вопрос задан
  • 591 просмотр
Решения вопроса 1
tomgif
@tomgif
Веб-разработчик
Попробуйте использовать height: 100vh;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы