创建一个类似于移动Gmail的固定容器

Creating a fixed container similar to mobile Gmail

本文关键字：Gmail 移动类似于一个创建更新时间：2023-09-26

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

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

我目前正在为window.onscroll附加一个函数，该函数可以更改div的位置，但现在它并没有持续更新位置。一旦开始滚动，直到停止滚动后才会进行重新定位。这就是我正在努力克服的。重新定位功能本身工作正常，更多的是时间问题。

有什么建议吗？

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

https://developers.google.com/mobile/articles/webapp_fixed_ui

我非常确信您可以使用jquery-mobile或仅使用常规css来实现这一点。你可以在这里找到更多关于jq mobile的信息：http://jquerymobile.com/。我不确定你能立即使用的普通css，但我知道可以在顶部附加一些东西，比如工具栏。