2010-07-30 124 views
10

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

我知道对于移动版Safari的定位解决方案,如下所示:

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

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

谢谢!

+0

另外请记住,iOS 5上的移动Safari支持位置:固定。 – 2011-11-23 15:08:54

+0

aha Jin,固定定位现在工作正常 – 2012-08-16 22:31:49

回答

6

重要更新

随着iOS 5的的固定定位工作正常移动。同样最新的机器人支持它。


老答案

我觉得iScroll是最积极开发的解决方案,它支持Android

但也有几件事情需要注意:

  1. 通过启用此黑客功能,您可以禁用人们习惯使用的缩放功能。
  2. 它增加了很多复杂的解决方案。

出于这些原因JQtouch决定not to use it

不是问题。目前在jQTouch中不支持 。不知道如何 熟悉你,但主要问题 这里是移动Safari不 支持位置:固定。有几个人 已经在实施 这个,最值得注意的是 CubiqDoctyper。 都会感受到我错了, 因此为什么我默认不这样做,但 你可以自由地试图使 扩展与东西打交道时,支持它 -

个人需要固定定位在iPhone上,我更愿意使用静态定位,并在动态更改内容时自动滚动至底部/顶部。

+2

请注意,截至2011年7月,iScroll确实支持捏/缩放。 – 2012-03-29 16:46:50

+0

像http://www.wikia.com/Wikia这样的网站如何在底部获得完美的固定片段?我也在fixya.com上看过它 – Mikhail 2012-08-16 22:14:37

+0

@Mikhail更新 – 2012-08-16 22:31:14

0

从Sam Saffron发布的链接看来,新版本的iScroll(版本4)已经解决了Sam列出的一些问题。

iScroll-4

除了所有以前iScroll功能,第4个介绍:

  • 捏/变焦
  • 拉/下拉刷新
  • 改进的速度和势头
  • 对齐元素
  • 个自定义的滚动条

我只是看着他们的网站上的演示,所以我不能保证,但它看起来很不错!

2

我在两周以上面临同样的问题。而这个解决方案为我工作。只包括

-webkit-backface-visibility:hidden;

在元素的css中随着position:fixed。

它会正常工作

+0

谢谢!这个伎俩。 – HBK 2014-12-17 12:38:49