Постоянный нижний колонтитул для iphone с веб-приложением HTML5

Question

Возможно ли иметь постоянный нижний колонтитул для iphone с веб-приложением HTML5, которое не является ошибочной реализацией, такой как jQuery mobile?

Даже когда вы открываете мобильную документацию jQuery (http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html) в iPhone, она не остается на месте! Он имеет эффект «подпрыгивания», когда он прыгает на доли секунды при переходах по страницам

Answer 1

Я только что проверил Sencha Touch, и его «нижние вкладки» выглядят очень хорошо - должен быть способ с использованием CSS и JS для достижения этого эффекта. Осматривая их кухонную раковину в браузере, похоже, они установили контейнер нижних вкладок в положение: абсолютное. Затем они устанавливают соответствующее свойство css top для события загрузки окна и изменения размера окна. Кажется довольно просто, почему jQUery mobile борется с этой функцией?

Answer 2

Откройте веб-приложение Gmail (в формате HTML) на iOS. (на https://mail.google.com/mail/mu) верхняя панель остается сверху без мерцания, так что это можно сделать несколькими способами ... Но, открывая ту же страницу в Chrome, прокручивается верхняя строка, так что это должно быть достигнуто с помощью некоторого специфического для iOS трюка.

Я постараюсь выяснить.

Answer 3

Если вы настаиваете на более устойчиво скрытом URL, чем позволяет мой последний ответ (и нижний колонтитул без меньшего отказов), проверьте https://github.com/joelambert/ScrollFix/issues/2

Требуется горстка пустых вложенных элементов div, но нет внешних js, просто фантазия css!

Answer 4

Начиная с iOS 5, версия очень проста:

.header{
position: fixed;
top:0px;
z-index:1000;
...
}

ПРИМЕЧАНИЕ. Это будет держать заголовок вверху экрана при прокрутке вниз навсегда, но при прокрутке вверх заголовок будет опущен вниз и откроет строку URL, когда вы достигнете вершины. Таким образом, это не совсем то же самое, что приложения gmail или twitter, но это отличное начало с минимальным количеством кода.

Answer 5

Я думаю, что в iOS5 это не должно быть проблемой из-за статического позиционирования CSS, наконец, включено.Я знаю, в iOS4 это включает в себя много хитрости JS ...