静态定位控制栏,如Gmail for iPhone Web应用程序？

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/