这里解释了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
}