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


今天做項目遇到一個問題。鼠標滾動到指定長度后,理想狀況是菜單吸附到頂部。但是實際上在一些頁面上會造成抖動。定位之后發現。window.pageYoffset值會變成0

搜索一些資料后發現。因為fixed定位后,這個div 就已經脫離文檔流了。window.pageYoffset指的是document元素距離視窗的距離。所以導致window.pageYoffset變成了0

解決辦法:

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

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM