判断元素在可视区域--js

这里解释了getBoundingClientRect获取的top、left、right等

//判断元素可见
function isVisible(ele){
    let windowHeight = window.innerHeight//可视区域的高
    let position = ele.getBoundingClientRect()
    // 当元素的top偏移量小于页面大小并且大于高度的负数
    //后面position.top>-position.height主要
    //是为了防止底边在可视区域的顶部,也就是超出可视区域
    //这里的判断是重点
    if(position.top<windowHeight && position.top>-position.height){
      return true
    }
    return false
  }