Дергается фикс блок при скроллинге на мобильном?

Question

[MegaPuxapb]

При скроллинге на мобильном(ближе к подвалу) дергается нижняя фиксированная плашка.
так понял из яндекс карты, если её убрать, всё ок.
как то можно починить?

https://st-test555.000webhostapp.com/test2.html

Answer 1

[strelok011]

попробуйте
<meta name="viewport" content="minimum-scale=1">

Comments

[MegaPuxapb]

не помогло(

[strelok011]

Есть предложение - поискать более полные варианты описания мета

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">

есть еще альтернатива, но гемороя там побольше - завернуть контент в оверфлоу скролл, а элемент с футером просто следом на флексе в колонку, без абсолютного позиционирования ессно, соответственно такие сеттинги только для мобилы через медиаквери в стилях.
Сама суть проблемы в особенностях реализации position-fixed на мобилах.
Самая боль была на старых айфонах из-за особенностей реализации оверлея в мобильной сафари.

[MegaPuxapb]

strelok011, фишка в том, что если карту убрать, всё плавно и ничего не дергается.

[strelok011]

Мобильному браузеру тяжеловато все оверфлоу и расчет позиционирования на нескольких слоях обрабатывать.
Вижу несколько вариантов развития событий:
1. Для мобил выводить не карту а скриншот и по клику открывать приложение с картами или попап на весь экран с реальной картой.
2. не использовать position-fixed для футера и переверстать на флексе. Это наиболее экономически выгодный вариант будет.