现代浏览器可用 window.scrollto() 一行实现平滑回到顶部,按钮必须用带 aria-label 的 元素,css 用 opacity+visibility 控制显隐,js 监听 scroll 事件并依据 window.scrolly 控制显示,注意 ios fixed 定位兼容性及无障碍、暗色模式、spa 路由重置等细节。

能用 window.scrollTo() 一行搞定的事,别绕到锚点、scrollTop 兼容写法或定时器模拟滚动上——现代浏览器都支持平滑滚动,直接调用最稳。
按钮 HTML 结构必须是 <button></button> 元素
别用 <a href="#top"></a> 或 <div> 模拟按钮。前者会往 URL 加 <code>#top、触发 history push,后者无法被键盘聚焦、不被屏幕阅读器识别为可操作控件。
- 必须用
<button id="backToTop" aria-label="回到顶部">↑</button> -
aria-label是硬性要求,不能省;中文环境别写英文 label - 放在











