react-cool-inview是一个React钩子，使用Intersection Observer高效地监控元素进入或离开视口。它支持滚动方向、Intersection Observer v2，并可用于延迟加载、无限滚动、触发动画和跟踪印象。这个库具有灵活的API设计，适用于各种场景，且具有TypeScript支持和服务器端渲染兼容性。
react监视高
最近，我发布了react-cool-inview ，它是一个React 钩子 ，它使用Intersection Observer以高效且有效的方式监视元素进入或离开视口（或另一个元素）。 它轻巧且超级灵活，可以满足您所需的所有情况，例如延迟加载图像和视频， 无限滚动的 Web应用程序， 触发动画 ， 跟踪印象等等。 试试吧，你会👍🏻！
⚡️尝试一下自己： https ://react-cool-inview.netlify.app
特征
- using使用Intersection Observer以高性能和非主线程阻塞方式监视元素。
- React易于使用，基于React 挂钩 。
- 🎛超灵活的API设计，可以涵盖您需要的所有情况 。
- 🖱支持滚动方向 ，酷吧？
- ✌🏻支持Intersection Observer v2 。
- for由于某些原因支持自定义引用。
- 📜支持TypeScript类型定义。
- Server️服务器端渲染兼容性。
- 🦠微小的大小（ 压缩后约为1.8KB ）。 除了react之外，没有外部依赖项。
最低0.47元/天 解锁文章
399
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
