移动固定顶栏输入/输出

我想实现一个固定顶栏在HTML5的移动设备还停留当用户放大/缩小网页固定。移动固定顶栏输入/输出

就我在Jquery mobile上看到的，他们禁用放大/缩小以实现固定的topbar。

谷歌做了自己的内容滚动实施，使固定的顶栏为Gmail应用程序。但他们也不允许缩放。

有没有人知道这个解决方法？知道如果我可以在放大/缩小时使用js将位于新区域顶部的酒吧重新定位？

更新：我发现这个post其中有一个固定的顶部栏的示例，不禁用缩放但放大/缩小它不停留在顶部。

另外我看到the docs for Safari on IOs但我找不到一种方法来获取新缩放区域的相对位置，因此我可以在每个放大/缩小事件的顶部重新定位它。

2012-11-01 user848192

你基本上需要知道用户放大。为此，您需要像'resize'事件那样的'zoom'事件。这显然不存在:) http://stackoverflow.com/questions/995914/catch-browsers-zoom-event-in-javascript如果你故意需要这个检查答案。有一些建议，如轮询和支持时依靠resize事件。 – sabithpocker

苹果公司已经实施了特殊的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库：

希望这有助于！

来源

2012-11-04 08:07:24 kaleazy

我加入

"data-disable-page-zoom="false""

到固定标签解决固定的位置和缩放之间的冲突。希望这可以帮助。

来源

2013-11-13 15:50:56 user2933336

移动固定顶栏输入/输出

回答

相关问题