固定定位致使$(window).scrollTop();获取滚动后到顶部距离老是为0

 

　　以下移动端索引列表页面（点击某元素后弹出的页面）

　   我想用 $(window).scrollTop(); 获取页面滚动后距离顶部的距离，但获取到的值老是0

　　

 

 

　　　期间查了好久，但都无疾而终，后来看到一篇博客说是浮动影响了，抱着试一试的心态去清除浮动，然而并卵

 　  此时，我灵光一闪，难道是定位影响了？（这个弹出页面最外层用了 fiexd 固定定位）

　　

 

 

　  因而我取消固定定位，终于能够用 $(window).scrollTop(); 获取到高度了

　　

 

 

　　正当我欣喜之时，页面布局出现混乱，由于取消固定定位后，索引列表页面就不在脱离文档流了

　　

　　注：目前我不知道应该怎么解决这个问题（能获取到滚动后距离顶部的高度又不会形成布局混乱）若是有小伙伴有好的方法，欢迎留言指教，感谢

 

　　

　　补充：PC端获取页面滚动后到顶部距离最好用下面的方式，这样可兼容全部主流浏览器

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