zoukankan      html  css  js  c++  java
  • 固定定位导致$(window).scrollTop();获取滚动后到顶部距离总是为0

      如下移动端索引列表页面(点击某元素后弹出的页面)

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

      

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

        此时,我灵光一闪,难道是定位影响了?(这个弹出页面最外层用了 fiexd 固定定位)
      

       于是我取消固定定位,终于可以用 $(window).scrollTop(); 获取到高度了

      

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

      

      注:目前我不知道应该怎么解决这个问题(能获取到滚动后距离顶部的高度又不会造成布局混乱)如果有小伙伴有好的方法,欢迎留言指教,感谢

      

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

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

       

  • 相关阅读:
    0430
    hlg1306再遇攻击--射线法判断点是否在多边形内部
    hlg1429凸多边形 二分+叉积
    计算几何
    像个孩子一样
    i am so happy
    hdu3371Connect the Cities---最小生成树kruskal
    hlg1339Touring DIJ+堆优化
    hdu3790最短路问题
    Lucky Goddess
  • 原文地址:https://www.cnblogs.com/tu-0718/p/10895003.html
Copyright © 2011-2022 走看看