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

最新推荐文章于 2021-10-09 11:05:12 发布

weixin_33958366

最新推荐文章于 2021-10-09 11:05:12 发布

阅读量201

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Mrrabbit/p/7211338.html

版权

$("#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>

转载于:https://www.cnblogs.com/Mrrabbit/p/7211338.html