2010-07-30 154 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

相關問題