2 个仓库
Awesome GitHub RepositoriesIntersection Trigger Components
UI components that execute logic based on the intersection of a DOM node and a viewport.
Distinct from Single-Element DOM Components: Unlike general DOM manipulators, these are components designed specifically to trigger callbacks on visibility.
Explore 2 awesome GitHub repositories matching user interface & experience · Intersection Trigger Components. Refine with filters or upvote what's useful.
Awesome Intersection Trigger Components GitHub Repositories
用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
- civiccc/react-waypoint
civiccc/react-waypoint
4,046在 GitHub 上查看react-waypoint 是一个 React 组件和视口跟踪工具，根据 DOM 节点在可滚动区域内的可见性执行函数。它监控元素何时进入或离开浏览器视口或指定的滚动容器以触发回调。 该项目支持实现无限滚动、资源懒加载和滚动触发动画。它允许使用偏移量进行自定义滚动容器定义和视口边界配置，以确定事件触发的精确时机。 该工具为垂直和水平滚动提供元素位置跟踪和可见性监控。它包括触发灵敏度控制和事件节流，以管理快速滚动期间的回调执行。
Provides a React component that executes functions based on the visibility of a DOM node within a scrollable area.
JavaScript - ankeetmaini/react-infinite-scroll-component
ankeetmaini/react-infinite-scroll-component
3,083在 GitHub 上查看This project is a frontend component designed to manage dynamic content loading and scroll-based interactions within web applications. It provides a reusable interface for handling data injection as users navigate through scrollable areas, ensuring that content updates occur automatically based on scroll position or manual user triggers. The component distinguishes itself by supporting both standard downward infinite scrolling and inverse scrolling, which allows for the natural expansion of content history in chat-like interfaces. It offers developers full control over the visual presentation
Uses browser-native intersection observers to trigger asynchronous data loading when sentinel elements enter the viewport.
TypeScriptcomponentinfinite-listsinfinite-scroll
