推荐使用：Smooth Scroll 淘汰版通知

推荐使用：Smooth Scroll 淘汰版通知

smooth-scrollA lightweight script to animate scrolling to anchor links.项目地址:https://gitcode.com/gh_mirrors/smo/smooth-scroll

重要提示：请注意，Smooth Scroll 已经进入了淘汰阶段。随着CSS新方法的出现，浏览器现在支持了更加丰富和强大的原生平滑滚动功能，能够处理这个插件无法实现的一些场景，并解决了插件中的若干问题。

我们强烈建议您学习如何通过一行CSS来实现锚点链接的动画滚动效果，以及如何防止锚点链接在固定或粘性头部下滚动，详情可参考以下教程：

• 如何使用一行CSS动画化滚动到锚点链接
• 如何用一行CSS防止锚点链接在固定或粘性头部下滚动

感谢多年来对Smooth Scroll的支持！

---

简介：Smooth Scroll 插件

尽管如此，回顾过去，Smooth Scroll 曾是一款备受欢迎且广泛使用的滚动动画插件。它与Gumshoe配合使用效果极佳，能够在点击锚点链接时实现平滑的页面滚动效果。

查看CodePen上的演示 →

技术分析

Smooth Scroll 是一个轻量级脚本，它允许你通过简单的配置实现锚点链接的动画滚动。其优势在于与原生DOM交互，支持自定义滚动速度、缓动效果，以及与其他库集成的能力。

应用场景

• 在单页应用中创建平滑过渡。
• 增强网站内部导航体验。
• 在保持流畅滚动的同时，提供个性化滚动效果。
• 用于博客文章或其他长内容的快速跳转。

项目特点

1. 简单集成: 只需引入JavaScript文件，添加少量标记，即可轻松启用平滑滚动。
2. 兼容性好: 提供带有polyfill的版本，支持旧版浏览器。
3. 高度自定义: 能调整滚动速度，选择多种缓动效果，甚至自定义缓动函数。
4. API丰富: 提供事件监听和公共方法，方便开发者扩展和控制滚动行为。

虽然现在有更好的替代方案，但如果你正在寻找一款简洁易用的滚动动画工具，并愿意维护旧代码库，那么Smooth Scroll仍然值得尝试。

最后，请记住，现代浏览器已经提供了内置的CSS解决方案，可能更适合你的需求。始终关注并利用最新的Web技术，以提升用户体验。

smooth-scrollA lightweight script to animate scrolling to anchor links.项目地址:https://gitcode.com/gh_mirrors/smo/smooth-scroll