scrollIntoView 的 block 参数控制元素在视口中的垂直对齐方式，取值为 "start"（顶部对齐）、"center"（垂直居中）、"end"（底部对齐）、"nearest"（就近对齐）；配合 inline 可实现二维精准定位，现代浏览器均支持对象式参数。
scrollIntoView 的 block 参数控制元素在滚动容器（通常是视口）中垂直方向的对齐方式，配合 inline 可实现精准定位，无需手动计算偏移量。
block 参数的三个可选值及效果
该参数决定目标元素在滚动后相对于视口的垂直位置：
- "start"：元素顶部与视口顶部对齐（默认值）
- "center"：元素在视口垂直居中
- "end"：元素底部与视口底部对齐
- "nearest"：自动选择最近的对齐方式（不触发不必要的滚动）
基础用法：让元素滚动到视口顶部或底部
直接调用 element.scrollIntoView({ block: 'start' }) 即可使其顶部贴顶；设为 'end' 则底部贴底：
const target = document.getElementById('section-3');
target.scrollIntoView({ block: 'end', behavior: 'smooth' }); // 平滑滚动到底部对齐
注意：若目标元素本身高度超过视口，'end' 会尽量让其底部出现在视口底部，但不会强制裁剪内容。
立即学习“Java免费学习笔记（深入）”；
结合 inline 实现二维精准定位
单独用 block 只管上下，加上 inline 才能同时控制左右。例如让一个按钮既靠上又居中显示：
button.scrollIntoView({
block: 'start',
inline: 'center',
behavior: 'smooth'
});
其中 inline 值同为 'start'、'center'、'end'、'nearest'，分别对应左、水平居中、右、就近对齐。
兼容性与常见注意事项
现代浏览器（Chrome 61+、Firefox 66+、Safari 15.4+、Edge 79+）均支持对象式参数。旧版仅支持布尔值（true 等价于 { block: 'start', inline: 'nearest' }），已不推荐使用。
- 若父容器设置了
overflow: hidden或非visible，需确保该容器是滚动上下文，否则 scrollIntoView 作用于整个文档视口 - 元素未渲染（如 display: none 或未 append）时调用无效，建议在 DOM ready 后执行
- 使用
behavior: 'smooth'时，部分老 Android WebView 可能不支持，可降级为'auto'
