scroll-behavior: smooth 必须作用于 html 根元素才生效，body 上设置无效；js 平滑滚动需用 scrollto({behavior: 'smooth'}) 或锚点跳转，直接赋值 scrolltop 不触发；无原生滚动结束回调，需 settimeout 或监听 scroll + 位置判断。
scroll-behavior: smooth 为什么没生效？
直接在 html 元素上加 scroll-behavior: smooth 是前提，但很多人漏掉了这点——它只对 html 或 body 生效，且必须作用于文档根元素。设在 div 或其他容器上无效。
常见错误是写成：
body { scroll-behavior: smooth; }
这在多数浏览器里不工作，因为规范明确要求该属性需作用于根元素（即 html）。正确写法是：
html { scroll-behavior: smooth; }
- 必须用
html选择器，不能只用body - 如果页面用了 CSS reset（比如 normalize.css），确认没被覆盖
- 部分旧版 Safari（≤15.4）不支持该属性，需降级处理
回到顶部按钮点击后不滚动？检查 target 和事件绑定
平滑滚动依赖原生锚点跳转或 Element.scrollIntoView()，单纯 scrollTop = 0 不会触发 scroll-behavior。
错误写法（强制赋值，绕过浏览器滚动机制）：
button.addEventListener('click', () => { document.documentElement.scrollTop = 0; });
正确做法是触发一次标准滚动行为：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 用
scrollTo()：支持behavior: 'smooth'参数，兼容性更好 - 或用锚点链接：
@#@#@#@#@#@#@#@#@#@0+ 页面顶部加<div id="top"></div> - 若用 JS 控制，推荐：
document.documentElement.scrollTo({ top: 0, behavior: 'smooth' });
注意：scrollTo() 在 IE 完全不支持，如需兼容，得 fallback 到 requestAnimationFrame 逐帧动画。
scrollTo() 和 scrollIntoView() 的行为差异
scrollTo() 是绝对坐标控制，scrollIntoView() 是相对目标元素定位，两者都支持 behavior: 'smooth'，但表现不同。
-
scrollTo({ top: 0, behavior: 'smooth' })总是滚到视口顶部，不受元素 visibility 影响 -
document.body.scrollIntoView({ behavior: 'smooth', block: 'start' })滚动后，body顶部对齐视口顶部；但若body有 margin/padding，可能偏差 -
block: 'start'是默认值，block: 'center'会让元素居中，不适合“回到顶部”场景 - 移动端某些安卓 WebView 对
scrollIntoView()的behavior支持不稳定，优先选scrollTo()
滚动完成后再执行回调？原生 API 没有 onScrollEnd
scroll-behavior: smooth 和 behavior: 'smooth' 都不提供滚动结束回调。监听 scroll 事件靠不住——它在动画过程中高频触发，且结束时未必精准。
可行方案只有两个：
- 用
setTimeout加固定延迟（例如 300–500ms），简单但不严谨，适合对精度无要求的 UI 反馈 - 监听
scroll事件 +getBoundingClientRect()判断目标位置是否已到达，再配合防抖（debounce）过滤抖动 - 更稳妥的是改用第三方库如
smooth-scroll，它封装了 transitionend 和 scroll 事件组合判断
真正容易被忽略的是：iOS Safari 在页面有 overflow-x: hidden 或 -webkit-overflow-scrolling: touch 时，scroll-behavior 可能被禁用，需要实机测试验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
