今天做項目遇到一個問題。鼠標滾動到指定長度后,理想狀況是菜單吸附到頂部。但是實際上在一些頁面上會造成抖動。定位之后發現。window.pageYoffset值會變成0
搜索一些資料后發現。因為fixed定位后,這個div 就已經脫離文檔流了。window.pageYoffset指的是document元素距離視窗的距離。所以導致window.pageYoffset變成了0
解決辦法:
假設我們把fixed定位的div為divA, 那么在divA下面再寫一個占位的div B,它的高度和divA一致,visible設為隱藏。用於占位文檔流。這樣就不會造成樣式混亂了。