Как закрепить шапку сайта при вводе поля (1 Viewer)

[Maxim Mozes]

Так, у меня мобильная версия сайта. Шапка зафиксирована при прокрутке страницы, а при вводе поля к примеру Логина или комментария, появляться не телефоне клавиатура и тем самым шапку она сдвигает хоть она fixed.

Возможно её как то, так сказать забить гвоздями? Может есть какой-то способ.

 

[SaNcHeS]

Так, у меня мобильная версия сайта. Шапка зафиксирована при прокрутке страницы, а при вводе поля к примеру Логина или комментария, появляться не телефоне клавиатура и тем самым шапку она сдвигает хоть она fixed.

Возможно её как то, так сказать забить гвоздями? Может есть какой-то способ.

How to keep fixed html element visible on bottom of screen when the soft keyboard is open on iOS Safari?

In a web page I have an input field and a div that is fixed to the bottom of the window (with these CSS properties: position:fixed; and bottom:0; I made a Codepen to show what I'm talking about: h...

stackoverflow.com

 

[Maxim Mozes]

How to keep fixed html element visible on bottom of screen when the soft keyboard is open on iOS Safari?

In a web page I have an input field and a div that is fixed to the bottom of the window (with these CSS properties: position:fixed; and bottom:0; I made a Codepen to show what I'm talking about: h...

stackoverflow.com

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

Вообще вот такая шапка:

Когда появляется клавиатура:

Я проверил там первый ответ с примером, там через секунду прокручивает страницу, тем самым логин и пароль находяться в одном месте после этого. Чутка замучался с этой шапкой.

 

[fargozz]

Может попробовать прописать к шапке (стилю) !important...?

 

[Puerchik]

position: sticky;
top: 0;