哇噻，简直是个天才，无需scroll事件就能监听到元素滚动 1. 前言 最近在做 toolTip 弹窗相关组件封装，实现的效果就是可以通过hover或点击在元素的上面或者下面能够出现一个弹框，类似下面

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

本文主要讲述如何实现无限滚动功能(前端页面大数据量的加载优化)，并封装一个基本的React Hook。

react帧动画实现效果展示， 技术实现：加入animation动画类，加入IntersectionObserver监听，监听dom元素的进入，加入class类。

如果我们想要拓展滚动的功能，那么可能就需要下载插件，本文介绍一个好用的滚动插件——BetterScroll2.0插件。

本文主要讲述如何实现监听元素的可视区检测，并封装一个基本的React Hook，本文将从原理出发，简要介绍 useInView 的实现，并从实际应用场景帮助读者理解如何使用它。

在使用观察者 API 之前，vue-scorll-loader 1.x 版本是使用远古技术通过监听滚动条实现的，稍有常识的人都知道这种方式会有性能损耗 :-D，如今 Intersection Observer API 兼容性越来越好，再加上官方的 polyfill 就可以生产环…

在加载图片列表时候，如果不做任何处理，浏览器会创建所有img标签并去加载每一张图片，当图片过大，或者过多的时候，页面将超级消耗资源，这时候，懒加载就起到了一个很重要的作用(如果有运维支持，当这篇文章不

早上上班摸鱼时刻 看到一篇 利用"交叉观察者"这个小宝贝儿，轻松实现懒加载、吸顶、触底 。 回想我之前写监听滚动 用到的是监听滚动top距离出来计算的。 所监听对象的具体祖先元素。如果未传入值或值为null，则默认使用顶级文档的视窗。 rootMargin设置root区域的扩展…