Как фиксировать блок внизу в мобильных браузерах с панелью внизу?

Question

[strify_25]

Здравствуйте. Есть браузеры, типа яндекс или сафари, в которых строка поиска находится внизу, и при пролистывании вниз эта строка скрывается, а при пролистывании вверх - показывается. Когда строка показывается, блок, у которого

position: fixed;
bottom: 0;

не видно. Мне необходимо, чтобы этот блок был всегда виден. Пример на видео youtube - внизу кнопка "показать"

Comments

[wadowad]

А position: sticky имеет такое же поведение?

Answer 1

[Danny Arty]

Попробуйте добавить блоку данный стиль:

.ваш_fixed_блок {
      position: fixed;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
}