创建类似于移动 Gmail 的固定容器答案

【问题标题】：Creating a fixed container similar to mobile Gmail创建类似于移动 Gmail 的固定容器
【发布时间】：2011-06-03 19:12:23
【问题描述】：

我想创建一个固定容器，它附加到移动浏览器的视口顶部，特别是在 iOS 和 Android 设备上。 Gmail 在他们的移动网站上有一个很棒的固定菜单栏，但它似乎只有在您实际在移动设备上查看时才能正常工作（所以我无法追踪这是如何完成的）。

有人知道 Gmail 是如何做到这一点的吗？

我目前正在将一个函数附加到window.onscroll 以更改 div 的位置，但就像现在一样，它不会持续更新位置。一旦您开始滚动，直到您停止滚动后才会重新定位。这就是我想要克服的。重新定位功能本身可以正常工作 - 这更多的是时间问题。

有什么建议吗？

【问题讨论】：

【解决方案1】：

Google 写了一篇关于他们的方法的文章。

【讨论】：

【解决方案2】：

我很确定您可以使用 jquery mobile 或仅使用常规 css 来执行此操作。您可以在此处找到有关 jq mobile 的更多信息：http://jquerymobile.com/。我不确定你可以使用普通的 css，但我知道可以在顶部附加一些东西，比如工具栏。

【讨论】：

JQueryMobile 确实有固定工具栏：jquerymobile.com/demos/1.0a4.1/docs/toolbars/bars-fixed.html
position: fixed 在移动浏览器上无法正常工作。
我会检查 jQuery Mobile 的东西，但固定栏并不比我的好。它不像 Gmail 那样进行调整。它会淡出，然后在延迟后重新出现。 Gmail 始终就在屏幕顶部。在手机上查看 Gmail 以了解我的意思。