JS判断元素是否在可视区域

JavaScript017

JS判断元素是否在可视区域,第1张

释义： Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。

如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和。

如果box-sizing: border-box，元素的的尺寸等于 width/height。

就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

$("div").offset() - $(window).scrollTop() - $(window).height()

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离

var se = document.documentElement.clientHeight //浏览器可见区域高度。

if(top <= se ) {

//code

}