我正在尝试为HTML5中的移动设备实施固定顶部栏，在用户放大/缩小网页时也会保持不变。
就我在Jquery移动设备上看到的那样，他们禁用放大/缩小以获得固定的顶部栏。
Google制作了自己的内容滚动实现，以便为gmail应用程序制作固定的顶部栏。但他们也不允许变焦。
有谁知道解决这个问题？知道如果我们可以在放大/缩小时用js重新定位新区域顶部的栏吗？
更新我找到了这个post，其中有一个固定顶栏的示例，它不会禁用缩放，但放大/缩小时它不会停留在顶部。
我也看到了the docs for Safari on IOs，但我无法找到新的缩放区域的相对位置，所以我可以在每次放大/缩小事件时重新定位它顶部的栏。 / p>
答案 0 :(得分：1)
Apple已经实施了一个特殊的META标记来处理缩放：
<meta content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
这会禁用iPhone上的缩放功能，它也适用于Android。
至于你想要的缩放效果，我的建议是完全禁用缩放，并使用jQuery和CSS webkit过渡和动画完成100％。
#some-div {
-webkit-transition: all 0.5s ease-out;
}
以下是一些其他缩放的jQuery库：
希望这有帮助！
答案 1 :(得分：1)
我通过添加
"data-disable-page-zoom="false""
到固定标签。 希望这可以提供帮助。