使用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>