首页 > 代码库 > jQuery 怎么判断DIV出现在可视区域

jQuery 怎么判断DIV出现在可视区域

直接上代码:

$(window).scroll(function () {    var oT = document.getElementById("myDiv").offsetTop;    if (oT >= $(window).scrollTop() && oT < ($(window).scrollTop() +     $(window).height())) {        console.log("div出现在可视范围");    }});

其中 .offsetTop 是原生写法,也可以用jQuery的写法 $(element).offset().Top()

此代码适用于 Html5网站往下滑动时 逐渐显示的 CSS3 animate 动画效果

 

jQuery 怎么判断DIV出现在可视区域