js scrollintoview

// 示例代码：使用 scrollIntoView 方法将元素滚动到视图中

// HTML 结构
/*
<div id="container">
  <div id="item1">Item 1</div>
  <div id="item2">Item 2</div>
  <div id="item3">Item 3</div>
  <div id="item4">Item 4</div>
  <div id="item5">Item 5</div>
</div>
*/

// JavaScript 代码
document.getElementById('item3').scrollIntoView({
  behavior: 'smooth', // 平滑滚动效果
  block: 'start'      // 将元素的顶部对齐到视图的顶部
});

// 解释说明：
// scrollIntoView 方法可以让指定的元素滚动到浏览器窗口的可见区域。
// 参数是一个对象，包含两个属性：
// 1. behavior: 控制滚动行为，可以是 'auto' 或 'smooth'。'smooth' 表示平滑滚动。
// 2. block: 控制垂直方向上的对齐方式，可以是 'start'、'center'、'end' 或 'nearest'。
//   - 'start': 元素的顶部对齐到视图的顶部。
//   - 'center': 元素的中间对齐到视图的中间。
//   - 'end': 元素的底部对齐到视图的底部。
//   - 'nearest': 视情况选择最接近的一个对齐方式。