bootstrap如何实现平滑滚动到页面顶部

推荐使用 window.scrollTo({ top: 0, behavior: 'smooth' }) 实现平滑回到顶部，前提是必须设置 html { scroll-behavior: smooth; }，并注意 fixed 导航栏偏移和事件中调用 preventDefault()。用 scrollTo + { behavior: 'smooth' } 最直接有效原生 js 就能搞定，不需要 bootstrap 自带的 js 插件或额外依赖。bootstrap 5 的 scrollspy 或 navbar 本身不提供滚动逻辑，它只监听、不控制滚动行为。常见错误是试图用 $('html, body').animate()（jQuery）或手动 scrollTop 赋值——前者在现代浏览器里多余且可能冲突，后者完全无动画效果。必须同时设置 html 和 body 的 scroll-behavior: smooth CSS，否则 JS 的 behavior: 'smooth' 会被忽略window.scrollTo({ top: 0, behavior: 'smooth' }) 是唯一推荐调用方式；element.scrollIntoView({ behavior: 'smooth' }) 仅适用于跳转到某元素，不是“回到顶部”如果页面有固定头部（比如 Bootstrap 的 fixed-top navbar），记得在 scrollTo 后加 offsetTop 补偿，否则会遮挡内容CSS 中漏掉 scroll-behavior: smooth 就没动画这是最容易被跳过的一步。哪怕 JS 写对了，只要根级滚动容器没开启平滑行为，behavior: 'smooth' 会静默退化为瞬间跳转。只需一行 CSS：html { scroll-behavior: smooth; }注意：body 上设无效，必须是 html 元素；部分旧版 Safari 需要加 -webkit- 前缀，但 iOS 15.4+ 和主流 Chrome/Firefox 已原生支持。 通义听悟 阿里云通义听悟是聚焦音视频内容的工作学习AI助手，依托大模型，帮助用户记录、整理和分析音视频内容，体验用大模型做音视频笔记、整理会议记录。