Question

使用iPhone查看Gmail时，他们会对其进行设置，以便屏幕顶部有一个静态定位的控制栏。即使您在页面上上下滚动，它也不会移动。我很好奇是否有人知道他们是如何设置的。

据我所知，过去在iPhone的Safari上使用CSS创建固定控件是不可能的。相反，它必须是你与Javascript一起破解的东西。 Android的浏览器使用相同的技术吗？

想法？思考？感谢。

Answer 1

一般来说，这种方式的工作方式是覆盖JavaScript触摸处理程序，以防止网页中的默认滚动机制。然后在触摸处理程序内部手动计算触摸物理并将内容放在JavaScript中。

由于您询问了Gmail的实施情况，因此值得注意的是 Gmail小组在此处发布了有关其实施情况的博客：http://code.google.com/mobile/articles/webapp_fixed_ui.html
其他海报提到的iScroll可能是最知名的开源实现：http://cubiq.org/iscroll
Apple自己的实现称为PastryKit，但没有详细记录，也没有开源：http://daringfireball.net/2009/12/pastrykit

更新：我刚刚重读了这个问题并注意到你在询问Android（doh！）。看起来Android 2.2增加了对固定CSS的支持：http://kentbrewster.com/android-scroller/

Answer 2

这只是一个简单的CSS样式：

.className{
position:fixed;
}

你是对的position:fixed;在移动Safari中不起作用，但我相信它适用于Android。

以下是您在移动Safari中使用的脚本：

Answer 3

我对iOS网络应用程序开发并不是很熟悉，但iScroll看起来很有希望。