使用jQuery判断元素是否在可视区域

$("#app").offset().top;

    offset().top表示 绝对偏移值，比如说有一个很长的页面，#app这个元素 在最底下，  $("#app").offset().top就表示 #app这个元素距离页面顶端的距离，它一般是固定的，不随窗口滚动而改变。

 

$(window).scrollTop();

   窗口滚动的顶部偏移量,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离

 

$(window).height():

浏览器可视窗口的高度

 

完整js代码如下：

<script type="text/javascript">
        $(document).ready(function () {
            $(window).scroll(function () {
                var a = $("#app").offset().top;
                if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
                    alert("div在可视范围");
                }
            });
        });
</script>