---

预计 3 min read

---

更换 Homepage 网站的想法

样式选择

我在众多前端框架中选择 Next.js 主要是看到它的官网很清爽，没啥特别的。而且主要依靠的 js 进行开发界面，而且对于之前的主域名网站也是同样用的 Next.js 的相关技术栈，对此也同样使用对应的框架进行更改，如访问老版的页面点击进行访问。

参考js样式

1. FullPage.js

• 简介：可能是你提到的 fullscreen.js 的替代，用于实现全屏滚动效果（类似 PPT 翻页）。

• 特点：支持垂直/水平滚动、回调函数、响应式设计。

• 官网：https://alvarotrigo.com/fullPage/

---

2. ScrollMagic

• 简介：强大的滚动交互库，可控制动画与滚动的精准联动（如视差、固定元素、触发动画）。

• 特点：与 GSAP（动画库）结合使用效果更佳。

• 官网：https://scrollmagic.io/

---

3. AOS (Animate On Scroll)

• 简介：轻量级库，实现元素在滚动时触发动画效果（如淡入、滑动）。

• 特点：配置简单，适合快速实现动效。

• 官网：https://michalsnik.github.io/aos/

---

4. Locomotive Scroll

• 简介：现代平滑滚动库，支持视差、元素动画、固定定位等。

• 特点：流畅的滚动体验，适合创意型网站。

• 官网：https://locomotivemtl.github.io/locomotive-scroll/

---

5. Parallax.js

• 简介：专注于视差滚动效果，根据鼠标或设备方向移动产生动态层叠效果。

• 官网：http://matthew.wagerfield.com/parallax/

---

6. Splitting.js

• 简介：文字/元素拆分动画库，常与滚动结合使用。

• 官网：https://splitting.js.org/

欢迎访问我的新主页以及Project页面