scrollIntoView 给最上层div顶没了怎么办

`scrollIntoView` 是 JavaScript 中的一个方法，用于让某个元素滚动到可视区域内。如果你发现它将整个页面拉到底部，导致最上层的 `div` 被遮挡，这可能是以下几个原因：

1. 默认行为：如果目标元素在文档底部，`scrollIntoView` 将使其滚动到最底部。为了避免这种情况，可以设置一个偏移量或者限制视口的滚动范围。

2. 设置选项：你可以传递一个对象作为参数，比如 `{ behavior: 'center' }` 来指定滚动的方式，如居中（`'center'`），向上（`'start'`）或向下（`'end'`）。

3. 检查位置：在调用 `scrollIntoView` 之前检查目标元素的位置，如果它已经在可视区域，那么就不需要滚动。

4. 监听滚动事件：可以监听滚动事件，当目标元素到达顶部附近时手动调整滚动。

要解决这个问题，你可以这样做：

const targetElement = document.getElementById('your-target-div');
let isScrolling = false;

targetElement.addEventListener('scroll', function() {
  if (!isScrolling && this.offsetTop <= window.innerHeight) {
    // 当目标元素开始进入可视区时阻止默认滚动
    isScrolling = true;
    const topSpace = this.offsetTop - window.innerHeight; // 计算需要的滚动距离
    window.scrollTo({
      top: window.scrollY + topSpace,
      behavior: 'smooth' // 平滑滚动效果可选
    });
    setTimeout(() => { // 等待动画完成后再解除防止滚动
      isScrolling = false;
    }, 0);
  }
});