今天做專案遇到乙個問題。滑鼠滾動到指定長度後，理想狀況是選單吸附到頂部。但是實際上在一些頁面上會造成抖動。定位之後發現。window.pageyoffset值會變成0
搜尋一些資料後發現。因為fixed定位後，這個div 就已經脫離文件流了。window.pageyoffset指的是document元素距離視窗的距離。所以導致window.pageyoffset變成了0
解決辦法：
假設我們把fixed定位的div為diva, 那麼在diva下面再寫乙個佔位的div b,它的高度和diva一致，visible設為隱藏。用於佔位文件流。這樣就不會造成樣式混亂了。
position fixed失效的問題
這幾天做了乙個手機端的demo 滑動推屏的那種 在底部放了乙個div，position fixed，bottom 0.為了讓動畫效能更加，在body上加上了transform translate3d 0,0,0 然後又調了乙個js檔案，這下問題來了，本來應該懸浮在底部的div不見了！推到底，發現出現...
檢測是否支援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...