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

Posted 2020-08-14

直接上代码：

$(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 动画效果