zoukankan      html  css  js  c++  java
  • 获取页面scroll高度

    记录一下获取 scroll 高度的方法
    经实际测试: document.body.scrollTop 在 chrome 下会返回0.
    所以 document.documentElement.scrollTop 或者 window.pageYOffset 需要一起判断, 做一下兼容
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    获取视口区域的高度

        var viewportSize = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    

    获取一个元素的高度(一个元素距离顶部的高度, 这个是一定的, 决定了这个元素在页面的某一个位置)

    document.querySelector("selector").offsetTop
    

    应用:
    如果scroll的高度大于了元素所在位置的高度, 那么需要进行加载 (lazy load)

  • 相关阅读:
    django ajax使用
    vim--分屏快捷键
    django csrf
    django mysql使用
    官方文档地址
    图解http 学习
    Terms
    Data Center Group
    Misc
    FTDI CDM Drivers 2.06.00
  • 原文地址:https://www.cnblogs.com/asdfq/p/10468797.html
Copyright © 2011-2022 走看看