Создание фиксированного контейнера, похожего на мобильный Gmail - PullRequest
1 голос
/ 03 июня 2011

Я хочу создать фиксированный контейнер, который прикрепляется к верхней части области просмотра в мобильных браузерах, особенно на устройствах iOS и Android. Gmail имеет удивительную фиксированную строку меню на своем мобильном сайте, но кажется, что она работает правильно только тогда, когда вы действительно просматриваете ее на мобильном устройстве (поэтому я не могу отследить, как это происходит).

Кто-нибудь знает, как это делает Gmail?

В настоящее время я присоединяю функцию к window.onscroll, которая изменяет позицию div, но, как сейчас, она не обновляет позицию постоянно. После того, как вы начнете прокручивать, перемещение не произойдет, пока вы не перестанете прокручивать. Это то, что я пытаюсь преодолеть. Сама функция репозиции работает правильно - это скорее проблема синхронизации.

Есть предложения?

Ответы [ 2 ]

4 голосов
/ 17 июня 2011

Google написал статью об их подходе.

https://developers.google.com/mobile/articles/webapp_fixed_ui

1 голос
/ 03 июня 2011

Я почти уверен, что вы можете сделать это, используя jquery mobile или просто обычный css.Вы можете найти больше информации о jq mobile здесь: http://jquerymobile.com/.Я не уверен, что вы можете использовать простой CSS, но я знаю, что можно прикрепить что-то к вершине, как панель инструментов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...