GitHub 中文社区
回车: Github搜索    Shift+回车: Google搜索
论坛
排行榜
趋势
登录

©2025 GitHub中文社区论坛GitHub官网网站地图GitHub官方翻译

  • X iconGitHub on X
  • Facebook iconGitHub on Facebook
  • Linkedin iconGitHub on LinkedIn
  • YouTube iconGitHub on YouTube
  • Twitch iconGitHub on Twitch
  • TikTok iconGitHub on TikTok
  • GitHub markGitHub’s organization on GitHub
集合主题趋势排行榜
#

intersectionobserver

Website
Wikipedia
verlok/vanilla-lazyload
https://static.github-zh.com/github_avatars/verlok?size=40
verlok / vanilla-lazyload

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 view...

lazyload-imageslazy-loadingresponsive-imagesintersectionobserverwebpImageVideoiframeslazyloadlazyload-scriptVanilla JavaScriptHacktoberfest
JavaScript 7.8 k
5 个月前
https://static.github-zh.com/github_avatars/thebuilder?size=40
thebuilder / react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

Reactperformancescrollingintersectionobserver监控visibilityviewportlazy-loadinghookshookreact-hooks
TypeScript 5.35 k
12 天前
Aljullu/react-lazy-load-image-component
https://static.github-zh.com/github_avatars/Aljullu?size=40
Aljullu / react-lazy-load-image-component

React Component to lazy load images and components using a HOC to track window scroll position.

Reactreact-componentlazy-loadinglazyloadlazyload-imageshoc服务端渲染ssrintersectionobserver
JavaScript 1.51 k
6 个月前
https://static.github-zh.com/github_avatars/beekai-oss?size=40
beekai-oss / react-simple-img

🌅 React lazy load images with IntersectionObserver API and Priority Hints

lazyloadlazyload-imagesimages-lazyresponsive-images动画placeholderpriorityhintsintersectionobserver
JavaScript 992
2 年前
https://static.github-zh.com/github_avatars/svelte-inview?size=40
svelte-inview / svelte-inview

A Svelte action that monitors an element enters or leaves the viewport.🔥

HacktoberfestSvelteobserverintersectionobserverJavaScriptviewportTypeScript
TypeScript 776
8 个月前
https://static.github-zh.com/github_avatars/scaccogatto?size=40
scaccogatto / vue-waypoint

trigger functions and events based on the element position on the screen

intersectionobservertriggersVue.js
TypeScript 468
2 年前
https://static.github-zh.com/github_avatars/mamunhpath?size=40
mamunhpath / josh.js

A JavaScript library to animate content on page scroll.

动画css-animationsCSSJavaScriptVanilla JavaScriptintersectionobserverjavascript-library
JavaScript 411
3 年前
https://static.github-zh.com/github_avatars/heavyy?size=40
heavyy / vue-intersect

A Vue component to add intersection-observer to a Vue component or HTML element.

Vue.jsintersectionobservervue-components
JavaScript 321
3 年前
https://static.github-zh.com/github_avatars/DockYard?size=40
DockYard / ember-in-viewport

Detect if an Ember View or Component is in the viewport @ 60FPS

Emberviewportintersectionobserver
JavaScript 243
1 年前
https://static.github-zh.com/github_avatars/ng-web-apis?size=40
ng-web-apis / intersection-observer

A library for idiomatic use of IntersectionObserver with Angular

intersectionobserver
TypeScript 154
2 年前
https://static.github-zh.com/github_avatars/BKWLD?size=40
BKWLD / vue-in-viewport-directive

Vue 2 directive that adds css classes when the element is the viewport

Vue.jsdirectiveviewportintersectionobserver
JavaScript 120
8 个月前
https://static.github-zh.com/github_avatars/trurl-master?size=40
trurl-master / jsdom-testing-mocks

A set of tools for emulating browser behavior in jsdom environment

Testingreact-testing-libraryjsdommocksintersectionobserverviewportmatchmediaJavaScriptReactvitest
TypeScript 119
10 个月前
https://static.github-zh.com/github_avatars/matheusgrieger?size=40
matheusgrieger / vue-clazy-load

Component-based lazy (CLazy) load images in Vue.js 2

Vue.jsvue-componentslazy-loadinglazy-loadintersectionobserver
JavaScript 104
6 年前
https://static.github-zh.com/github_avatars/jesusbotella?size=40
jesusbotella / ngx-lazy-load-images

Image lazy load library for Angular 2+

lazy-loadingAngularlazy-loadImageintersectionobserverangular9angular10angular11
TypeScript 80
2 年前
https://static.github-zh.com/github_avatars/onderonur?size=40
onderonur / react-intersection-observer-hook

React hook to use IntersectionObserver declaratively.

react-hooksvisibilityTypeScriptReactintersectionobserver
TypeScript 76
1 个月前
https://static.github-zh.com/github_avatars/ljbc1994?size=40
ljbc1994 / BlazorIntersectionObserver

🔎 Intersection Observer API wrapper for Blazor applications

BlazorintersectionobserverTypeScript
C# 63
5 个月前
https://static.github-zh.com/github_avatars/BKWLD?size=40
BKWLD / vue-visual

Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

Vue.jsvideo-playerloaderlazy-loadingintersectionobserver
JavaScript 60
4 个月前
https://static.github-zh.com/github_avatars/AvraamMavridis?size=40
AvraamMavridis / react-intersection-visible-hook

React Hook to track the visibility of a functional component

Reacthookvisibilityintersectionobserver
JavaScript 49
7 年前
https://static.github-zh.com/github_avatars/rubenspgcavalcante?size=40
rubenspgcavalcante / progressive-image-loading

A live example of progressive image loading strategies

ReactintersectionobserverWebpackExample
JavaScript 49
6 年前
https://static.github-zh.com/github_avatars/svelte-plugins?size=40
svelte-plugins / viewable

A rule-based approach to tracking element visibility.

SvelteJavaScripttrackingmeasurementInstrumentationeventsobservabilityintersectionobserverlazyloadbeaconsobserver
Svelte 38
1 年前
loading...