Search results
147 packages found
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
ESLint plugin for preventing memory leaks around observers (ResizeObserver, IntersectionObserver, MutationObserver)
Graceful Progressive image loading for React
根据IntersectionObserver实现图片懒加载的封装
Highlights links in a table of contents when items appear in your viewport.
Allows us to check if an element is within the browsers visual viewport
- angular
- ng
- IntersectionObserver
- intersection-observer
- viewport
- visibility
- infinite-scroll
- lazy-loading
- lazyload
- lazy-loading-images
- lazyload-images
- angular-14
- angular-15
- angular-16
Determine whether an element is completely within the browser viewport
- viewport
- IntersectionObserver
- window
- DOM
- visible
- visibility
- element
- view
- within-viewport
- browser
- detect
- event
- infinite-scroll
- scroll
An IntersectionObserver utility for notifying callbacks when an element's intersection changes.
✨ Animate DOM elements as they appear in your window. A small `IntersectionObserver` wrapper and helper.
A lightweight scroll sensor to solve your react scroll into viewport issues.
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
- intersection
- trigger
- animation
- animejs
- IntersectionObserver
- intersection-observer
- lazy-load
- performance
- lazy-loading
- viewport
- scroll
- toggle-class
- scrollbar
Simple scroller manager using Intersection Observer
Performance for multiple ResizeObserver and IntersectionObserver
Tactical and adaptive asset loading library
- images preload
- image loading
- asset loading
- performance
- preload
- intersectionobserver
- background
- speed
- wait for idle
- requestidlecallback
- idle
- adaptive serving
Lightweight client testing framework
This component uses IntersectionObserver to not only track if elements are intersecting but also monitors and compares the percentage they are visible. The elements with highest visiblity get flagged current.
This is a simple React Hooks that trigger a callback all time the element is viewed.
Faster subsequent page-loads by prefetching in-viewport links during idle time
Yet Another Lazy Loader
- lazy load
- lazy loader
- lazy loading
- intersection observer
- IntersectionObserver
- mutation observer
- MutationObserver
- requestIdleCallback
- images
- video
- iframe
- web performance
- requestAnimationFrame
Detect intersection between DOM elements and viewport using IntersectionObserver API