Когда я начинаю скроллить страницу на телефоне, снизу появляется белая полоса, причем появляется она, если начинать скроллить с верха страницы. Если начинать скроллить с низа, то появляется уже серая полоса, если с центра, то не появляется. Полосы двигаются вместе с фиксированной фоновой картинкой. На компьютере такого не происходит. Когда я убираю фиксированную фоновую картинку, полосы пропадают. Почему так происходит?
body::before {
background: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), url(images/bg.jpg) no-repeat center center;
background-size: cover;
content: '';
height: 100%;
width: 100%;
left: 0;
top: 0;
position: fixed;
will-change: transform;
z-index: -1;
}
