直接设置 behavior: "smooth" 即可触发浏览器原生平滑滚动，它自动适配系统滚动曲线、尊重可访问性偏好且无需第三方库；基础用法为 element.scrollintoview({behavior: "smooth"})，推荐搭配 block 和 inline 参数优化对齐。
直接设置 behavior: "smooth" 即可触发浏览器原生的平滑滚动，这是实现锚点跳转“原生平滑感”的最简、最可靠方式。
behavior: "smooth" 是关键开关
scrollIntoView 接收一个配置对象，其中 behavior 属性控制滚动行为。设为 "smooth" 后，浏览器会使用系统级的滚动曲线（如 macOS 的惯性衰减、Windows 的贝塞尔缓动），与地址栏输入 URL 后按回车或点击页面内原生锚链接（<a href="#section"></a>）的体验完全一致。
- 无需引入第三方库或手动实现 easing 动画
- 自动适配不同操作系统的滚动节奏和惯性表现
- 支持用户在系统设置中关闭动画时自动降级为 instant 滚动（尊重可访问性偏好）
基础用法：一行代码搞定锚点跳转
选中目标元素后调用 scrollIntoView，传入 { behavior: "smooth" }：
document.getElementById("about").scrollIntoView({
behavior: "smooth"
});
该写法等效于点击 <a href="#about"></a>，且不触发 URL hash 变更（如需同步更新地址栏，需额外调用 history.pushState 或设置 location.hash）。
配合 block 和 inline 参数优化对齐效果
仅设 behavior: "smooth" 可能导致目标元素贴顶/居中不够精准。建议同时指定 block（垂直对齐）和 inline（水平对齐）：
-
block: "start"：元素顶部对齐视口顶部（默认，适合标题类锚点） -
block: "center"：元素垂直居中（适合卡片、模块中心展示） -
inline: "nearest"：优先保持当前水平滚动位置，仅在必要时微调（推荐用于响应式页面）
示例：
document.querySelector("#features").scrollIntoView({
behavior: "smooth",
block: "center",
inline: "nearest"
});
注意兼容性与降级处理
所有现代浏览器（Chrome 61+、Firefox 68+、Safari 15.4+、Edge 79+）均原生支持 behavior: "smooth"。若需兼容旧版 Safari（
const element = document.getElementById("contact");
if ("scrollBehavior" in document.documentElement.style) {
element.scrollIntoView({ behavior: "smooth" });
} else {
element.scrollIntoView(); // 立即滚动，无动画
}
也可用 CSS scroll-behavior: smooth 全局启用（作用于所有 scrollIntoView 和 hash 跳转），但 JS 方式更可控、更易按需触发。
