Javascript 移动固定顶栏,用于放大/缩小

Javascript 移动固定顶栏,用于放大/缩小,javascript,html,mobile,toolbar,fixed,Javascript,Html,Mobile,Toolbar,Fixed,我正在尝试为HTML5中的移动设备实现一个固定顶栏,当用户放大/缩小网页时,该顶栏也会保持固定 据我在jquerymobile上看到的,他们禁用了放大/缩小功能,以实现固定的顶栏 谷歌制作了自己的内容滚动实现,为gmail应用程序制作了固定的topbar。但他们也不允许缩放 有人知道解决这个问题的方法吗?你知道当他们放大/缩小时,我是否可以用js重新定位新区域顶部的条 更新:我发现了一个固定顶栏的示例,它不禁用缩放功能,但当您放大/缩小时,它不会停留在顶部 我也看到了,但我找不到一种方法来获取新

我正在尝试为HTML5中的移动设备实现一个固定顶栏,当用户放大/缩小网页时,该顶栏也会保持固定

据我在jquerymobile上看到的,他们禁用了放大/缩小功能,以实现固定的顶栏

谷歌制作了自己的内容滚动实现,为gmail应用程序制作了固定的topbar。但他们也不允许缩放

有人知道解决这个问题的方法吗?你知道当他们放大/缩小时,我是否可以用js重新定位新区域顶部的条

更新:我发现了一个固定顶栏的示例,它不禁用缩放功能,但当您放大/缩小时,它不会停留在顶部


我也看到了,但我找不到一种方法来获取新缩放区域的相对位置,这样我就可以在每次放大/缩小事件中重新定位其顶部的条。

苹果公司已经实施了一种特殊的元标记来处理缩放:

<meta content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
以下是其他一些进行缩放的jQuery库:


希望这有帮助

我通过添加

"data-disable-page-zoom="false""
到固定标签。
希望这能有所帮助。

您基本上需要知道用户放大了。为此,您需要一个类似于
resize
事件的
zoom
事件。这显然是不存在的:)如果你有意需要这个,请检查那里的答案。有一些建议,如轮询和在支持时依赖调整大小事件。
"data-disable-page-zoom="false""