position:fixed 形成頁面抖動解決辦法

今天作項目遇到一個問題。鼠標滾動到指定長度後，理想情況是菜單吸附到頂部。可是實際上在一些頁面上會形成抖動。定位以後發現。window.pageYoffset值會變成0

搜索一些資料後發現。由於fixed定位後，這個div 就已經脫離文檔流了。window.pageYoffset指的是document元素距離視窗的距離。因此致使window.pageYoffset變成了0

解決辦法：

假設咱們把fixed定位的div爲divA, 那麼在divA下面再寫一個佔位的div B,它的高度和divA一致，visible設爲隱藏。用於佔位文檔流。這樣就不會形成樣式混亂了。