Как jQuery mobile скрывает адресную строку мобильного сафари? Я думаю, что мне нужно подобное решение, но я не хочу использовать jQuery для мобильных устройств...
Я пробовал:
http://davidwalsh.name/hide-address-bar
, но в моем случае это не работает.
Мой первый дочерний элемент body — это div с абсолютным позиционированием.
с -webkit-overflow-scrolling: touch
;
Свойство -webkit-overflow-scrolling
похоже вызывает эту проблему,
без этого свойства он работает нормально.
Частично эта проблема заключается в том, что адресная строка всегда остается на переднем плане, даже если я прокручиваю страницу вниз каждой рукой. это вызвано абсолютным позиционированием.
Но без абсолютного позиционирования "-webkit-overflow-scrolling: touch;" не работает ...
После большой борьбы с тысячами строк кода jquery-mobile я остановился на этом ;)
Решение
title
Header
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
работает нормально, проверено на android 2.1 и iphone4(ios5+)
была еще одна проблема с этим кодом, исправленная здесь: Скрыть адресную строку в мобильном Safari при прокрутке (touchOverflow)