IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
-
Updated
May 9, 2024 - TypeScript
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
React Component to lazy load images and components using a HOC to track window scroll position.
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Native Lazy Loaded Picture Element with Progressive Image Change
a very lightweight class / css animation & transition based scrollytelling library
Let the art speak for itself!
Vue 2 directive that adds css classes when the element is the viewport
Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.
⚡️ IntersectionObserver, scroll-animation, virtual-list to support big amount
A set of tools for emulating browser behavior in jsdom environment
A rule-based approach to tracking element visibility.
A Svelte action that monitors an element enters or leaves the viewport.🔥
Check when HTML elements are inside the viewport with IntersectionObserver
A tribute to my hero and wife, Diana Rapp.
🔎 Intersection Observer API wrapper for Blazor applications
A lit-element web component that uses Three.js to display an STL model file.
Dropdown menu React component | React компонент дропдаун меню
XObserver eliminates the usage of multiple instances of IntersectionObserver, by providing a scope based initialization of single IntersectionObsever and a few methods to intract with it.
trigger functions and events based on the element position on the screen
Add a description, image, and links to the intersectionobserver topic page so that developers can more easily learn about it.
To associate your repository with the intersectionobserver topic, visit your repo's landing page and select "manage topics."