scrollIntoView() 方法通过 scrollIntoViewOptions 配置对象控制滚动行为，支持 behavior（'auto'/'smooth'）、block（'start'/'center'/'end'/'nearest'）和 inline（同 block）属性，现代浏览器广泛支持，旧版需降级处理。
在 JavaScript 中，scrollIntoView() 方法支持传入一个配置对象 scrollIntoViewOptions，用来控制滚动行为，包括是否启用平滑滚动、目标元素在视口中的对齐位置（垂直和水平方向）。
启用平滑滚动
通过设置 behavior: 'smooth' 可开启浏览器原生的平滑滚动动画。默认值是 'auto'（瞬间滚动），设为 'smooth' 后，滚动会带缓动效果，用户体验更自然。
element.scrollIntoView({ behavior: 'smooth' });- 注意：部分旧版浏览器（如 IE）不支持
behavior: 'smooth'，可加简单降级处理（例如检测支持性后 fallback 到behavior: 'auto'）
控制垂直对齐方式
用 block 属性指定元素在垂直方向（块轴）上的对齐位置，取值有：'start'、'center'、'end'、'nearest'。
-
'start'：元素顶部与视口顶部对齐（默认值） -
'center'：元素垂直居中显示在视口内 -
'end'：元素底部与视口底部对齐 -
'nearest'：滚动距离最小的方向对齐（靠近哪边就贴哪边）
例如：element.scrollIntoView({ block: 'center', behavior: 'smooth' }); 会让元素垂直居中并平滑滚动。
立即学习“Java免费学习笔记（深入）”；
同时配置水平对齐（可选）
如果需要控制水平方向（行内轴）对齐，可用 inline 属性，取值同 block（'start'、'center' 等）。常见于横向滚动容器或 RTL 布局。
element.scrollIntoView({ block: 'nearest', inline: 'center', behavior: 'smooth' });- 若只设
block，inline默认为'nearest'；反之亦然
兼容性和实用建议
现代主流浏览器（Chrome 61+、Firefox 60+、Safari 15.4+、Edge 79+）均支持完整参数。可在调用前简单判断：
- 检查
Element.prototype.scrollIntoView是否存在（基本都支持） - 若需确保平滑滚动生效，可包裹在
if ('scrollBehavior' in document.documentElement.style)中（非必需，但更稳妥） - 避免在高频事件（如 resize 或 scroll）中频繁调用，必要时加节流
