Я создаю макет функции, которая будет добавлена в мобильную версию сайта.Идея состоит в том, чтобы иметь горизонтально прокручивающийся нижний колонтитул ссылок с вертикально прокручивающимся контентом;по сути, воссоздание функциональности родного поведения iOS при двойном нажатии на кнопку «home».
Проблема: при загрузке страницы создается впечатление, что область просмотра не пересчитывается в соответствии с новой высотой области содержимого.Это оставляет уродливую пустую область (очевидно, размер строки URL в iOS Safari) ниже прокручиваемого нижнего колонтитула.
Я попытался добавить тайм-аут для пересчета высоты (используя функцию в scrollview.js).При использовании нижнего колонтитула с фиксированным положением нижний колонтитул ведет себя странно, но в конечном итоге вновь появляется в ожидаемом месте - однако остается пустое место.
Ссылка на код jsfiddle. Ссылка на скриншот с моего iPhone.