scrollIntoView({ behavior: 'smooth' })是现代浏览器原生平滑滚动方案，需显式传参，不兼容IE；CSS scroll-behavior可全局启用但无法动态偏移；jQuery animate已过时，推荐原生API并手动补偿固定导航栏高度。
用 scrollIntoView 实现平滑滚动（现代浏览器原生支持）
直接调用元素的 scrollintoview 方法是最轻量、无依赖的方案，不需要 jquery 或 bootstrap 自带 js。它在 chrome 61+、firefox 68+、safari 15.4+、edge 79+ 均支持 { behavior: 'smooth' } 选项。
常见错误是只写 element.scrollIntoView()，没传参数，结果还是“瞬移”——因为默认行为是 'auto'，不是 'smooth'。
- 必须显式传入
{ behavior: 'smooth' }，例如：document.getElementById('section2').scrollIntoView({ behavior: 'smooth' }); - 如果目标是导航栏锚点跳转，记得在
<a href="https://www.php.cn/link/aa1ec9091310e2f702004015db05a86b"></a>的点击事件里preventDefault()，再手动触发scrollIntoView - 不兼容 IE —— 它根本不支持
behavior参数，连降级逻辑都不用写，直接忽略即可（IE 已淘汰）
Bootstrap 5 默认不提供平滑滚动，别指望 data-bs-spy 或 data-bs-offset
很多人以为启用 data-bs-spy="scroll" 就能自动平滑滚动，其实它只负责监听滚动位置、激活导航项，和滚动行为本身完全无关。所有“滚动动画”都得自己补。
典型误区：在 <body> 上加 data-bs-spy="scroll" 后发现点击菜单还是生硬跳转，就怀疑 Bootstrap 配置错了——其实它压根没这个功能。
-
data-bs-spy只影响“高亮哪个导航项”，不控制“怎么滚过去” -
data-bs-offset是用来调整滚动触发阈值的（比如避开固定头部），不是滚动动画参数 - 若你用了 Bootstrap 的
ScrollSpyJS 类，它内部也完全不干预scrollTo或scrollIntoView行为
需要兼容老浏览器？用 window.scrollTo + polyfill 替代方案
如果你的项目仍需支持 Safari 15.3 或更早版本（它们不支持 scrollIntoView({ behavior: 'smooth' })），那就得退到 window.scrollTo + CSS scroll-behavior 或轻量 polyfill。
注意：scroll-behavior: smooth 是 CSS 方案，但只对 a[href^="#"] 锚点跳转生效，且无法控制偏移量或回调；而 JS 方案更可控。
- 全局开启 CSS 平滑（简单场景够用）：
html { scroll-behavior: smooth; }—— 但无法配合固定导航栏做 offset 补偿 - JS 手动滚动（推荐）：
window.scrollTo({ top: target.offsetTop - 80, behavior: 'smooth' });，其中-80是导航栏高度补偿 - 如需 polyfill，用
smoothscroll-polyfill（仅 2KB），引入后它会自动 patchscrollIntoView和scrollTo，无需改业务代码
用 jQuery 的 animate 滚动？现在基本没必要
Bootstrap 4 以前常配合 jQuery 写 $('html, body').animate({ scrollTop: ... })，但现在除了要支持 IE11 或极老安卓 WebView，几乎没理由继续用。
问题在于：jQuery 的 animate 对 scrollTop 的处理是逐帧 JS 计算，CPU 占用高、易卡顿，且和浏览器原生 scroll-behavior 渲染管线不协同；而 scrollIntoView 和 scrollTo 是浏览器原生优化过的，性能更好、更省电。
- 如果你项目已弃用 jQuery，硬加回来只为滚动，属于倒退
- 如果已有大量
animate({ scrollTop: ... })代码，可逐步替换成element.scrollIntoView({ behavior: 'smooth', block: 'start' }) -
block: 'start'等同于旧版scrollTop的顶部对齐，block: 'center'则居中，按需选
真正容易被忽略的是滚动偏移补偿——无论用哪种方案，只要页面有固定头部（比如 Bootstrap 的 navbar-fixed-top），就必须手动减去它的高度，否则目标内容会被遮住。这个数值不能写死在 JS 里，最好用 getBoundingClientRect().top 动态算，或者用 CSS scroll-margin-top（现代方案，支持度 OK）。事情说清了就结束
