Как убрать белую полоску внизу экрана на сайте в мобильной версии?

Question

[leham1]

Здравствуйте.
Сайт в мобильных браузерах ПРИ ПРОЛИСТЫВАНИИ (СКРОЛЕ) показывает белую полоску.
Во время пролистывания верхняя панель браузера убирается (тем самым увеличивается высота экрана для сайта), а изображение фона во время скрола не обновляется, из-за этого появляется белая полоска внизу.
Долго гуглил, вроде как находил что-то по этому вопросу, но оно не работало.
Помогите пожалуйста как можно это исправить.

Comments

[Вадим]

Я год назад нормальных решений не нашёл. Были только костыли с вынесением body на fixed и ещё что-то там.

[Вадим]

https://stackoverflow.com/questions/7768269/ipad-s...
Тут собственно перечислены варианты

[leham1]

Вадим, спасибо за ответ. Даже как-то странно. Казалось бы банальная задача, а качественное решение найти очень трудно)

[Вадим]

leham1, Да нет, не банальная. Это поведение браузера. Так решили разработчики операционной системы и браузера. Не на всё нам дают возможность повлиять.

Но спасибо конечно apple..

[leham1]

Вадим, пока что для меня самым лучшим костылем является просто поменять background-attachment, остальные работают некорректно(((:

background-attachment: scroll;

[Вадим]

leham1, при скрытии браузерных панелек ещё, насколько я помню, срабатывает событие resize. Можно попробовать к нему прицепиться и сделать какую то обработку. Например, вызвать перерисовку страницы или что-нибудь типа того чтобы картинка фоновая обновилась. Но это нужно делать осторожно.