如何用 Vue2 制作全屏分块布局个人作品集网页，附带平滑滚动效果” “用 Vue2 实现炫酷全屏分块式作品集页面，适合展示设计与开发项目” “Vue2 项目实践：全屏滚动分块布局设计，打造个性化个人

效果图

---

🌟【定制化开发服务，让您的项目领先一步】🌟

如有需求，直接私信留下您的联系方式。谢谢。
我的邮箱：2351598671@qq.com

---

代码说明
滚动事件监听：

使用 window.addEventListener(‘wheel’, this.handleScroll) 监听鼠标滚轮事件。
handleScroll 方法中根据滚动方向 event.deltaY 来判断是向上滚动还是向下滚动。
防止频繁触发滚动，在 isScrolling 上加一个防抖时间（500毫秒）。
切换分块：

根据滚动方向调整 currentSection 的值，确保不会超出页面范围。
调用 scrollToSection 方法使页面平滑滚动至相应分块。
平滑滚动：

scrollToSection 方法使用 scrollIntoView 使页面平滑滚动到当前分块位置。
全屏分块布局：每个 .section 都占满屏幕高度，使内容全屏显示，用户可以通过导航按钮切换不同的分块。
平滑滚动：点击导航按钮时，通过 scrollIn