返回顶部 · Back to Top
英文：Back to Top
导航与切换难度：入门 ★
🗣️一句话大白话
页面滚动到一定距离后，右下角出现返回顶部按钮。页面滚动到一定距离后，右下角出现返回顶部按钮，帮助用户快速回到页面开头。
🖼️样图参考
🎬真实场景
长文章、长作品页、文档、长列表
📮你可以这样说
「为 Punk 的长篇文章页添加 Back to Top 按钮， 滚动超过 800px 后淡入显示并固定在右下角，点击后返回页面顶部； 按钮提供 aria-label="返回顶部"，并在 reduced motion 模式下取消平滑动画。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：返回顶部按钮所有长页面都要。实际它只是辅助，过度出现反而打扰
🚫什么时候别用
- ✗页面很短时
🧩常见变体
右下角按钮滚动进度+返回顶
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系