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

时间:2011-06-03 19:12:23

标签: javascript mobile gmail

我想创建一个固定容器,它在移动浏览器上附加到视口顶部,特别是在iOS和Android设备上。 Gmail在他们的移动网站上有一个很棒的固定菜单栏,但是当你在移动设备上实际查看它时它似乎只能正常运行(所以我无法追踪这是如何实现的。)

有谁知道Gmail如何实现这一目标?

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

有什么建议吗?

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:1)

我很确定你可以使用jquery mobile或常规css来做到这一点。你可以在这里找到更多关于jq mobile的信息:http://jquerymobile.com/。我不确定你可以使用的普通css,但我知道可以像工具栏一样将东西附在顶部。