在移动Web应用程序中滑动页面

Question

在jquerymobile中,当显示next/prev页面时会有一个幻灯片转换,但是在iPhone4上它的行为/动画是这样的 -
单击了下
一个按钮 - 显示
了
条形图 - 向下移动了整个页面 - 显示了下一页(通过幻灯片转换) -
Urr bar再次隐藏 - 整个
页面向上移动

如何在移动到下一页时避免显示/隐藏网址栏(以及页面向上/向下移动).

Answer 1

我相信这个视口元标记将帮助您解决地址栏显示的问题（如果您正在使用任何 alpha 版本）：

<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

注意：在视口元标记中将初始比例和最大比例设置为相同的值会禁用缩放，如果要允许缩放，只需将最大比例设置为大于初始比例即可。