darkroomengineering/lenis

【主题】Lenis 旨在解决原生滚动生硬、缺乏惯性的问题，为 Web 带来如丝般顺滑的滚动体验。

【核心分点总结】

惯性平滑：模拟真实物理惯性，告别生硬的原生滚动，让页面滑动如丝般顺滑。

框架无关：原生支持 Vanilla JS，并无缝集成 React 和 Vue 等主流前端框架。

极致轻量：体积极小，零依赖，不拖累页面性能，保持极致的加载速度。

滚动捕捉：内置 Snap 滚动功能，轻松实现整屏切换与精准定位的交互效果。

【行动指南】

当你希望官网或作品集拥有高端丝滑滚动体验时，引入 Lenis 替换原生滚动。

在 React/Vue 项目中，通过几行代码初始化 Lenis 并配合 requestAnimationFrame 即可快速上手。

需要实现全屏滚动或锚点吸附效果时，开启内置的 Snap 功能，无需额外造轮子。

【金句总述】让网页滚动回归本该有的样子，丝滑从此触手可及。

【故事性收尾】曾经，你对着生硬的滚动条和卡顿的页面交互皱眉不已；现在，只需轻轻一拨，页面便如流水般在指尖跃动。告别调试滚动的疲惫，你终于能把所有精力倾注于创意本身，享受每一次丝滑滚动的愉悦。