如何用scrollIntoView()实现呢

`scrollIntoView()`是一个内置的DOM方法，用于将某个元素使其可见并尽可能处于视口内。如果你想让某个元素滚动到视图中央或者顶部，可以这样做：

// 首先获取你想让它出现在视窗内的元素
const targetElement = document.querySelector('#your-target-element');

// 使用scrollIntoView方法，可以有几种模式：
// 如果你想直接滚动到元素中心位置
targetElement.scrollIntoView({
  block: 'center',
  inline: 'center'
});

// 或者滚动到顶部
targetElement.scrollIntoView({ top: 0 });

// 如果你想滚动到最底部
// 因为scrollHeight属性通常会包含滚动条所占空间，所以这里需要减去这个值
targetElement.scrollIntoView({
  behavior: 'smooth', // 平滑滚动效果，默认是'auto'，但现代浏览器推荐使用'smooth'
  top: targetElement.scrollHeight - targetElement.clientHeight
});

请注意，`scrollIntoView`默认的行为是平移元素直到其边界进入视口，而`behavior: 'smooth'`提供了更流畅的滚动体验。