這幾天做了乙個手機端的demo（滑動推屏的那種），在底部放了乙個div，position:fixed，bottom：0.
為了讓動畫效能更加，在body上加上了transform：translate3d(0,0,0),然後又調了乙個js檔案，這下問題來了，本來應該懸浮在底部的div不見了！！！推到底，發現出現在了最後一頁的底部。。。
難道是position:fixed失效了？？？
查了資料發現一般沒有這種問題，難道是js阻塞了？？？
並沒有。
後來我發現是因為我在body設定了transform的緣故，影響了全域性，3d使得新建了乙個層（具體原因請參考：高效能css動畫），導致position:fixed不在當前的層上。
所以要在需要的地方設定3d!
檢測是否支援position fixed
不喜歡瀏覽器嗅探，模仿ie6的ua的瀏覽器太多了 使用如下結構 outer inner 如果瀏覽器支援fixed，由於fixed是相對於document定位的，因此無論body樣式如何，top始終是100px 如果瀏覽器不支援fixed，被解釋為static，則inner和top值無效，計算出來的i...
解決position fixed 定位抖動的問題
再用position fixed 在移動端進行底部導航定位時，出現了滑動抖動的問題，用 第一種，給fixed的元素新增css的樣式，我試過，這個可以解決此閃動的問題。1 webkit transform translatez 0 可用 第二種，設定css。我是在不複雜的頁面做的測試。1html,bo...
不受控制的 position fixed
大家都知道，position fixed在日常的頁面布局中非常常用，在許多布局中起到了關鍵的作用。它的作用是 position fixed的元素將相對於螢幕視口 viewport 的位置來指定其位置。並且元素的位置在螢幕滾動時不會改變。但是，在許多特定的場合，指定了position fixed的元素...