Привет!
Что нужно прописать в 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%;
}
Простой
