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

Question

[Максим Анархистов]

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

body {
    overflow: hidden;
}

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

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

(фон - синий, футер - чёрный)

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

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

Как решить проблему?

Answer 1

[Александр Епихин]

Попробуйте это
А по-хорошему, дайте ссылку на ваш тунель.