У меня есть div с фиксированной позицией внизу страницы.
На iPhone при прокрутке вниз появляется нижняя панель инструментов, а нижний фиксированный div перемещается вверх, чтобы разместить панель инструментов сафари iPhone.
На Android (в данном случае пиксель 3) при прокрутке вниз отображается панель инструментов chrome, аналогичная панели iPhone, однако нижний фиксированный div исчезает под панелью инструментов chrome.
есть ли способ предотвратить это на android
это код CSS, который я использую для нижней панели в настоящее время
.opacity {
width: 100%;
height: 70px;
background-color: #000000;
position: fixed;
bottom: 0px;
left: 0;
z-index: 1000;
opacity: 0.7;
}