为全站启用原生级平滑滚动效果的完整实现指南

本文介绍如何通过 luxy.js 库为整个网站实现全局、持续、无触发依赖的平滑滚动动画，无需点击链接或监听事件，滚动即生效，兼容现代浏览器且配置极简。

在现代网页体验中，流畅自然的滚动动效已成为提升用户沉浸感的关键细节。与仅对锚点跳转（如 ）启用 scroll-behavior: smooth 的 css 方案不同，luxy.js 提供的是全局、被动式、视差增强型平滑滚动——它接管原生滚动行为，在用户拖拽滚动条、使用鼠标滚轮或触控板滑动时，自动注入缓动插值与轻量视差，实现类似 Webflow 官方案例中那种丝滑、有纵深感的持续滚动体验。

✅ 快速集成步骤

1. 安装依赖（推荐 npm）：

   npm install luxy.js --save

   若使用 cdn 或静态文件，可从 GitHub Releases 下载 luxy.min.js 并放入项目 js/ 目录。

2. 引入脚本（置于