Как jquery mobile скрывает адресную строку мобильного сафари?

Как 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
        
        
        

        

        

        
    

    

        

###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
###
Footer

работает нормально, проверено на android 2.1 и iphone4(ios5+)

была еще одна проблема с этим кодом, исправленная здесь: Скрыть адресную строку в мобильном Safari при прокрутке (touchOverflow)

16
задан Community 23 May 2017 в 12:06
поделиться