@kamisarlapsha

Как убрать черную полосу при прокрутке страницы в safari?

Как убрать черную полосу при прокрутке на iphone ?
На заднем фоне стоит фиксированная картинка. Когда скрывается панель снизу , то высоты картинки сначала не достаёт и образуется чёрная полоса.
Вот как выглядит на iphone
0LiLtL8aB00.jpg

Вот код самого блока с картинкой
<div class="img-bg"></div>

.img-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background: url(/images/bg.png) no-repeat;
    background-position: center top;
    background-clip: border-box;
    opacity: 0.15;
    z-index: 5;
    transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
@dsmaslov
Попробуйте добавить элементу отрицательный маргин снизу или задать прозрачную рамку снизу:

border-bottom: 1px transparent solid;
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы