固定移动浏览器的定位

在我正在建设的移动网站上,我需要顶部标题保持固定位置.

我知道Mobile Safari的固定位置解决方案,如下所示:

http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

我试过了,效果很好.但是,我想知道是否有适用于所有主要智能手机移动浏览器的单一解决方案.注意:我不需要页脚保持固定,只需要顶部标题.因此,这应该可以更容易地适应所有移动屏幕尺寸,因为我只是将div的顶部设置为0 onScroll.

谢谢!

重要更新

从iOS 5开始,固定定位在移动设备上运行良好.同样最新的机器人也支持它.

老答案

我认为iScroll是最活跃的解决方案,它确实支持Android

但有几点需要注意:

通过启用此黑客,您将禁用人们习惯喜欢缩放的功能.

它为您的解决方案增加了很多复杂性.

出于这些原因,JQtouch决定不使用它:

不是问题.jQTouch目前不支持它.不确定你有多熟悉,但这里的主要问题是移动Safari不支持position:fixed.一些人已经开始实现这一点,最着名的是 Cubiq 和 Doctyper.两个人都觉得我错了,因此我默认不这样做,但你可以自由地尝试制作一个支持它的扩展 -

就个人而言,当处理需要在iPhone上进行固定定位的东西时,我更喜欢使用静态定位,并在动态更改内容时自动滚动到底部/顶部.