WEB сайт для Iphone с привязанными внизу экрана кнопкам?

Question

[Mpazzz]

Подскажите плиз по такой задачке — есть сайтик для айфона:)

Хочу добавить вниз экрана барчик с кнопочками (типа как в родных апликухах)

По типу как тут



Пробовал использовать position fixed bottom 0 с помощью JQ mobile. Работает, но при прокрутке экрана вниз, бар тупит и не сразу появляется. Возможно как-то его привязать к низу экрана чтоб при скролле был постоянно виден и не тупил?

Answer 1

[anmipo]

В known limitations объясняют, что мало какие мобильные браузеры правильно реализуют position:fixed. На время прокрутки панель прячется потому, что для лучшей отзывчивости браузер сначала делает скриншот страницы, и уже его скроллит — поэтому панель уползает.
Там же написано, что для настоящей фиксации тулбаров можно использовать

$.mobile.touchOverflowEnabled = true;

но пока это работает только в iOS5.

Answer 2

[mikenerevarin]

Попробуйте задать бару position:absolute и соответствующие координаты, body {overflow:hidden;}, а контент обернуть в div {overflow-y:scroll;overflow-x:hidden}

Answer 3

[Vas3K]

На мобильной версии своего сайта столкнулся с той же самой проблемой и реализовал через position: absolute и прописывание у html { height: 100%; }, все работает отлично. Правда пришлось заимплеменьтить кастомный скроллер внутри (iscroll на js), так как iOS до 5 версии скроллила внутри div только двумя пальцами, а не одним. Сейчас можно и без этого.

Answer 4

[rPman]

весь скролируемый контент разместить в <iframe src=...>