固定定位致使$(window).scrollTop();獲取滾動後到頂部距離老是爲0

 

　　以下移動端索引列表頁面（點擊某元素後彈出的頁面）

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

　　

 

 

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

 　  此時，我靈光一閃，難道是定位影響了？（這個彈出頁面最外層用了 fiexd 固定定位）

　　

 

 

　  因而我取消固定定位，終於能夠用 $(window).scrollTop(); 獲取到高度了

　　

 

 

　　正當我欣喜之時，頁面佈局出現混亂，由於取消固定定位後，索引列表頁面就不在脫離文檔流了

　　

　　注：目前我不知道應該怎麼解決這個問題（能獲取到滾動後距離頂部的高度又不會形成佈局混亂）若是有小夥伴有好的方法，歡迎留言指教，感謝

 

　　

　　補充：PC端獲取頁面滾動後到頂部距離最好用下面的方式，這樣可兼容全部主流瀏覽器

　　　　document.documentElement.scrollTop || document.body.scrollTop；