Верстка для мобильных устройств: как убрать пробел при скроллинге?

Question

[slavagoreev]

При скроллинге вниз на мобильном устройстве, левое меню сайта с фиксированной высотой равной 100% (высота экрана - высота адресной строки браузера). При скроллинге вниз адресная строка пропадает (следовательно освободившееся место занимает контент и прочее), но высота меню сохраняется на протяжении некоторого времени (промежуток снизу = высоте адресной строки), а потом становится равной высоте экрана. Итак вопрос: как убрать этот пробел при скроллинге, то бишь сделать так, чтоб этот пробел не появлялся, я знаю, что это не смертельно, но мне лично не нравится. Если вы не поняли: зайдите с мобильника reespace.ru.
Кстати, на тостере такая же проблема, но она выражена менее сильно =D. Смотрите пикчу в аттаче.

Comments

[Юрий Лобанов]

А на чем именно проверяете? У меня на андроиде 2.3.6 в стандартном браузере такое частенько, не только со 100 высотой как у Вас, а вообще. Всегда связывал с тем, что производительности не хватает, долго думает ) В частности, когда элемент меняет позиция с fixed на relative (scrollspy) - элемент у меня успевает добежать до верха страницы, а только потом на место встает )

[slavagoreev]

@iiil Я пытался сделать высоту меню просто на 20% больше экрана - авось повезёт, типо при скролинге скроется верхушка меню, но потом подстроится. Ничего не получилось (

[slavagoreev]

Я так подумал, а нафиг это делать, если меню изначально - скрыто и по сути нафиг не надо думать как оно будет вести себя в разных состояниях окна)

Answer 1

[Brain Storm]

Сделайте так, чтобы левое меню было на 100% окна, а верхнее меню было слоем выше него (z-index: 5 или 9 или 100, на Ваше усмотрение).
Тогда при прокрутке верхнее меню уедет, а левое останется.
Это первое, что приходит в голову