scrollIntoView用于将包含文字的元素整体滚动进视口，非文字内部滚动；参数控制对齐方式与动画，如{block:’start’,behavior:’smooth’}，需注意隐藏元素无效及sticky导航遮挡问题。
scrollIntoView 能让元素滚动到可视区域，但“滚动文字滚动到指定位置”这个说法容易误解——它不是让一段文字内部滚动，而是让包含文字的元素整体滚动进视口。关键在目标元素的选择和参数控制。
scrollIntoView 的行为由参数决定
不传参或传 true 时，默认等价于 {block: 'start', inline: 'nearest'}，即顶部对齐；传 false 是底部对齐（已废弃，不推荐）。现代用法应显式传入对象：
-
{block: 'start'}：元素顶部对齐视口顶部（最常用） -
{block: 'center'}：元素垂直居中对齐视口 -
{inline: 'center'}：水平方向居中（适合横向滚动容器） -
{behavior: 'smooth'}：启用平滑滚动（注意兼容性：IE 不支持）
滚动到某个标题或段落的常见写法
假设页面有多个
，想点击后滚动到第二节：
document.getElementById('goto-section2').addEventListener('click', () => {
document.getElementById('section2').scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
注意：scrollIntoView 对隐藏元素（display: none 或 visibility: hidden）无效；若元素在折叠面板里，需确保父容器已展开、元素已渲染且尺寸可计算。
立即学习“前端免费学习笔记（深入）”；
