IntersectionObserver-监听元素是否进入了设备的可视区域之内

最新推荐文章于 2025-02-20 00:22:41 发布

青崖林夕

最新推荐文章于 2025-02-20 00:22:41 发布

阅读量657

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/u012757419/article/details/118758101

版权

JS 专栏收录该内容

8 篇文章

订阅专栏

这段代码展示了如何使用Intersection Observer API来监听页面上#content元素的可视状态。当元素进入或离开视口时，将在控制台打印相应的消息。这是一种优化网页性能，仅在元素可见时执行某些操作的方法。

摘要由CSDN通过智能技术生成

<script>
    let intersectionObserver = new IntersectionObserver(function(entries) {
        if (entries[0].isIntersecting) {
            console.log('进入可视区域');
        } else {
            console.log('移出可视区域');
        }
    });
    
    intersectionObserver.observe(document.querySelector('#content'));


</script>