ozonar
@ozonar
PHP, JS, webRTC

Ошибка с футером в мобильном Хроме. Как исправить?

Есть такой код:

body {
    overflow: hidden;
}

.footer {
    position: fixed;
    display: block;
    width: 100%;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    background: black;
    height: 200px
}


В десктопе всё работает хорошо, но в мобильных браузерах при скролле вниз начинает пропадать хеадер самого Хрома, а мой футер начинает подниматься вместе с хеадером Хрома:
5e4bd1f7b7204615225230.png
(фон - синий, футер - чёрный)

После полного исчезновения хеадера футер встаёт на место. Если убрать "overflow: hidden;" футер начинает вести себя как нужно, но скролл начинает работать с притормаживанием и футер всё равно вибрирует при скролле.

P.S. Почему я использую overflow и скролл вместе: при скролле срабатывает событие перетаскивания элемента сайта.

Как решить проблему?
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
Попробуйте это
А по-хорошему, дайте ссылку на ваш тунель.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы