Наше мобильное веб-приложение имеет липкую навигационную навигацию, подобную той, которую вы часто находите в приложениях iOS, и после того, как Safari 10.3 выпустит только для пейзажа, можно прокручивать липкую навигацию (нижний колонтитул) с экрана. Даже если это position: fixed
и установить bottom: 0
, это также было невозможно в более старых версиях Safari.
Стили для липкой навигации/нижнего колонтитула:
footer {
position: fixed;
height: 50px;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 0, 0, 0.7);
}
DEMO, чтобы попробовать по телефону
В портретном режиме он всегда виден:
В ландшафтном режиме вы можете прокручивать экран за размером верхней адресной строки:
Кто-нибудь сталкивался с такой проблемой? Я был бы признателен за любую помощь, чтобы сделать нижний колонтитул на экране. Благодаря