Почему при скролле снизу появляется белая полоса?

Question

[LocalHero]

Когда я начинаю скроллить страницу на телефоне, снизу появляется белая полоса, причем появляется она, если начинать скроллить с верха страницы. Если начинать скроллить с низа, то появляется уже серая полоса, если с центра, то не появляется. Полосы двигаются вместе с фиксированной фоновой картинкой. На компьютере такого не происходит. Когда я убираю фиксированную фоновую картинку, полосы пропадают. Почему так происходит?

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; 
 }

Answer 1

[Nilefest]

При скроле на мобильный устройствах, строка состояния или нижние кнопки могут пропадать и высота просматриваемой области становится больше изначальных 100%. Можешь попробовать поставить 100vh или больше 100 для мобильных устройств

Comments

[LocalHero]

Помогло, спасибо