@drtvader
Вечный студент

Как прятать адресную панель в safari ios?

Привет!
Что нужно прописать в css, что бы при скролле прятались панели в safari? Это адресная и навигационная снизу.
Гуглом попользовался, не помогло.
Беда вот в чем, на лендскейпе футер и хедер остаются под этими панелями.
Структура шаблона:
<body>
        <div class="b-page-wrapper js-this-scroll">
            <header class="b-header b-header--page404"></header>
            <main class="b-wrapper">
                <div class="b-wrapper__main"></div>
            </main>
        </div>
</body>
.b-page-wrapper {
    min-width: 320px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
.b-header {
    width: 100%;
    height: 64px;
    background-color: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #dfdfdf;
    z-index: 1010;
}
.b-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%;
}
  • Вопрос задан
  • 347 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы