码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-15 11:43:17      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

直接上代码:

$(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出现在可视区域

标签:

原文地址:http://www.cnblogs.com/murespace/p/5962916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!