139 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
Graceful Progressive image loading for React
ESLint plugin for preventing memory leaks around observers (ResizeObserver, IntersectionObserver, MutationObserver)
Highlights links in a table of contents when items appear in your viewport.
根据IntersectionObserver实现图片懒加载的封装
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
Faster subsequent page-loads by prefetching in-viewport links during idle time
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.
Harness the power of Intersection Observers for simple list virtualization in React
A dead simple Web Component to lazy load images
- stencil
- stenciljs
- web components
- pwa
- progressive web app
- presentation
- slides
- slideshow
- talk
- lazyload
- images
- picture
- intersectionObserver
A lightweight scroll sensor to solve your react scroll into viewport issues.
A lightweight scrollytelling interface for React using the IntersectionObserver.
Faster subsequent page-loads by prefetching in-viewport links during idle time
Tactical and adaptive asset loading library
- images preload
- image loading
- asset loading
- performance
- preload
- intersectionobserver
- background
- speed
- wait for idle
- requestidlecallback
- idle
- adaptive serving
A lightweight scrollytelling interface for React using the IntersectionObserver.
Simple scroller manager using Intersection Observer
Lightweight scrollytelling library using IntersectionObserver
- scrollytelling
- scroll
- scroll-driven
- step
- interactive
- graphic
- observer
- IntersectionObserver
- enter
- exit
- view
- trigger
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.
Detect intersection between DOM elements and viewport using IntersectionObserver API