скользящая страница в мобильном веб-приложении

Question

В jquerymobile есть переход слайдов, когда отображаются следующие / предыдущие страницы, но на iPhone4 его поведение / анимация похожи на это
- нажата следующая кнопка
- отображается строка URL
-вся страница перемещается вниз
- показывается следующая страница (при переходе между слайдами)
- снова отображается панель бара
- вся страница перемещается вверх

Как избежать этого шоу /скрытие панели URL (и страница перемещается вверх / вниз) при переходе на следующую страницу.

Answer 1

Я полагаю, что этот метатег viewport поможет вашей проблеме с отображением адресной строки (если вы используете какой-либо альфа-релиз):

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

Однако поддержка этого была добавлена ​​в первой бета-версии, мой мобильный веб-сайт (использующий JQuery Mobile 1.0 Beta 1) не показывает адресную строку, если вы не прокрутите ее вверх, чтобы увидеть ее на iPhone.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>

Или вы можете скачать все необходимые файлы JQuery Mobile Beta здесь:

http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.zip

Примечание. Установка начального и максимального масштабов на одно и то же значение в метатеге области просмотра отключает масштабирование, если вы хотите разрешить масштабирование, просто увеличьте максимальный масштаб до исходного.

Answer 2

Вы можете попробовать наклеить window.scrollTo(0, 1) куда-нибудь, что может помочь.