固定定位導致$(window).scrollTop();獲取滾動后到頂部距離總是為0


 

  如下移動端索引列表頁面(點擊某元素后彈出的頁面)

    我想用 $(window).scrollTop(); 獲取頁面滾動后距離頂部的距離,但獲取到的值總是0

  

 

 

   期間查了很久,但都無疾而終,后來看到一篇博客說是浮動影響了,抱着試一試的心態去清除浮動,然而並卵

    此時,我靈光一閃,難道是定位影響了?(這個彈出頁面最外層用了 fiexd 固定定位)
  

 

 

   於是我取消固定定位,終於可以用 $(window).scrollTop(); 獲取到高度了

  

 

 

  正當我欣喜之時,頁面布局出現混亂,因為取消固定定位后,索引列表頁面就不在脫離文檔流了

  

  注:目前我不知道應該怎么解決這個問題(能獲取到滾動后距離頂部的高度又不會造成布局混亂)如果有小伙伴有好的方法,歡迎留言指教,感謝

 

  

  補充:PC端獲取頁面滾動后到頂部距離最好用下面的方式,這樣可兼容所有主流瀏覽器

    document.documentElement.scrollTop || document.body.scrollTop;

   

 


免責聲明!

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



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