Я работаю над веб-страницей для мобильных устройств.У меня есть нижний колонтитул, который я хотел бы, чтобы он оставался видимым при открытии программной клавиатуры.Когда я ищу в Google, как это сделать, я нахожу только людей, которые жалуются на то, что это проблема, и пытаются остановить это.Но я в противоположной ситуации.Когда клавиатура открывается, она просто закрывает нижний колонтитул.Как заставить нижний колонтитул придерживаться верхней части клавиатуры?Мой css выглядит следующим образом:
#keyboard {
width: 100%;
height: 100px;
background: grey;
padding-left: 0px;
position: fixed;
bottom: 0;
overflow: scroll;
}
и у меня есть метатег
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
Ваша помощь будет оценена