locomotive-scroll

JavaScript库实现网页平滑滚动和元素检测

Locomotive Scroll 平滑滚动视口检测视差效果滚动事件 Github 开源项目

Locomotive Scroll是一个JavaScript库，提供网页平滑滚动和视口元素检测功能。它支持视差效果、自定义滚动行为和元素可见性触发。该库通过npm安装，配置灵活，API丰富，适用于现代浏览器。开发者可利用它创建独特的网页滚动体验。

文档

fullPage.js - 全屏滚动网站JavaScript库

GithubJavaScript库fullPage.js全屏滚动单页网站响应式设计开源项目

fullPage.js是一个功能强大的JavaScript库,用于构建全屏滚动和单页面网站。它支持垂直和水平滚动,可在各个部分添加幻灯片。该库兼容主流浏览器,提供触摸支持,适用于各类项目。通过丰富的配置选项和API,开发者可以轻松创建全屏网站。

scrolly-video - 基于滚动控制视频播放的JavaScript组件

GithubScrollyVideo.js开源项目网页组件视频动画视频滚动播放跨浏览器兼容

ScrollyVideo.js是一个JavaScript组件，能够根据页面滚动或外部控制来调节视频播放。支持Web、React、Svelte和Vue等开发环境，提供多种自定义选项。组件支持三种视频控制方法：WebCodecs和Canvas、HTML5 Video的playbackRate调节、以及currentTime精确定位，以适应不同的浏览器环境和滚动方向。组件使用WebCodecs技术并有多种兼容方案，适应不同浏览器。适用于开发基于滚动的交互式视频体验。

tua-body-scroll-lock - 跨平台页面滚动锁定库

GithubJavaScript库npm包tua-body-scroll-lock前端开发开源项目滚动锁定

tua-body-scroll-lock是一个跨平台JavaScript库，用于实现页面滚动锁定。这个无依赖库支持iOS和Android设备，提供灵活API控制滚动行为。它可以锁定整个页面滚动，同时保持特定元素的滚动功能，适用于模态框、侧边栏等UI交互场景。该库支持npm安装和CDN引用，集成简便，并提供详细文档和示例。

scrollytelling - React滚动动画开发的简化解决方案

BSMNT ScrollytellingGSAPGithubReactScrollTrigger开源项目滚动动画

BSMNT Scrollytelling是一个基于GSAP ScrollTrigger的React滚动动画库。它通过组件化方法简化了滚动动画的创建过程，提供Root、Animation和Waypoint等组件以及实用的钩子函数。该库解决了组件生命周期管理和动画定位等常见问题，使开发者能更直观地控制动画效果。BSMNT Scrollytelling还提供了多个示例和演示，便于开发者快速掌握使用方法。

watching-you - DOM 元素视觉追踪动画库

DOMGithubJavaScriptwatching-you动画库开源项目跨框架

watching-you 是一个轻量级 JavaScript 库，用于创建追踪 DOM 元素的动画效果。该库支持多种框架，无依赖，代码体积小，适应响应式设计。它能追踪鼠标、DOM 元素和输入值，为网页添加互动效果。watching-you 提供多个示例和详细文档，适用于多种网页开发需求。

OverlayScrollbars - 跨浏览器自定义滚动条插件

GithubOverlayScrollbarsTypeScript开源项目浏览器兼容性滚动条插件自定义样式

OverlayScrollbars是一款跨浏览器JavaScript滚动条插件,隐藏原生滚动条并提供自定义样式滚动条,保留原生功能和体验。具有简单API、高兼容性和可访问性,支持服务器端渲染,适用多种设备和输入。无依赖、支持Tree shaking,提供多个主流框架版本。

draggable - JavaScript拖拽库提供全面拖放控制和自定义功能

DraggableGithubJavaScript库前端开发开源项目拖放功能

Draggable是一个JavaScript拖放库，抽象了浏览器原生事件，提供API用于创建自定义拖放体验。核心模块Draggable与附加模块Sortable、Droppable和Swappable协同工作，支持多种输入方式。通过事件钩子和自定义传感器，开发者可扩展拖拽功能。该库基于ES6设计，体积小巧，适用于构建各类拖放界面。

jarallax - 轻量级视差滚动库支持图片和视频背景

GithubJarallaxJavaScript库开源项目背景图片视差滚动视频背景

Jarallax是一个轻量级的JavaScript视差滚动库,支持图片和视频背景。它可通过JavaScript、数据属性或jQuery多种方式初始化,提供丰富的选项和事件接口。该库支持img标签、CSS背景图像以及YouTube、Vimeo和自托管视频作为视差背景。开发者可以通过多样的选项和事件精确控制视差效果,实现自定义的滚动体验。Jarallax适用于从简单网页到WordPress主题的各类项目,能为现代浏览器带来流畅的视差滚动效果。代码简洁,性能出色,是实现网页视差效果的理想选择。

GSAP - 跨框架JavaScript动画库高性能动画解决方案

GSAPGithubJavaScript动画库ScrollTrigger动画效果开源项目跨平台兼容

作为一款跨框架的JavaScript动画库，GSAP支持多种浏览器环境。它可高效制作CSS、SVG、canvas等复杂动画效果。GSAP的ScrollTrigger插件支持滚动触发动画，matchMedia()功能助力响应式动画开发。作为高速属性操纵器，GSAP性能优于jQuery，并解决了众多浏览器兼容性问题。其丰富的插件和缓动函数可满足各类高级动画需求。

mojs - 助力Web开发者创建流畅动画效果

GithubJavaScriptmo.js动画库开源开源项目网页动效

mojs是一款开源的JavaScript动画库,具有快速、高清和模块化的特点。它采用声明式API,为开发者提供对动画的完全控制。mojs内置多种组件,如HTML、形状、漩涡等,便于创建网页动画。该库可通过npm安装或CDN引用,兼容主流浏览器,有助于增强网站的视觉效果和用户体验。

相关项目

推荐项目

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务

投诉举报邮箱: service@vectorlightyear.com