Полноэкранный фон CSS показывает белую полосу внизу при прокрутке на мобильном устройстве ⇐ CSS

[Anonymous]

У меня есть веб-сайт с полноэкранным фоновым изображением.

Код: Выделить всё

html, body {
height: 100vh;
}

html {
background: url('/img/background.jpg') no-repeat center center fixed;
background-size: cover;
}

Этот код отлично работает на большинстве устройств, но на некоторых старых устройствах Android это вызывает проблемы при прокрутке вниз. Частичная прокрутка вниз, но не отпускание пальца показывает белую полосу, равную по размеру строке URL, которая при этом исчезает. Как только вы отпустите палец, фон восстановится сам.
Так выглядит изображение при прокрутке.


Есть ли способ убедиться, что фон всегда заполняет страницу?< /p>

Изменить: Я также пробовал добавить div с этими свойствами:

Код: Выделить всё

#background {
background: url('/img/background.jpg') no-repeat center center fixed;
background-size: cover;
z-index: -100;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 200vh;
}

Этот фон отображается, но возникает та же проблема.

Подробнее здесь: https://stackoverflow.com/questions/651 ... -on-mobile