element.scrollIntoView({behavior: 'smooth', block: 'center',top:100})top无效

`element.scrollIntoView()` 是 JavaScript 中的一个方法，用于滚动页面到指定元素出现在视口内的位置。当你设置 `top: 100` 参数时，通常期望元素距离顶部有100像素。然而，有时候这个 top 属性可能会失效，可能是由于以下几个原因：

1. **浏览器兼容性**：不是所有浏览器都支持 `scrollIntoView` 的全部选项，如 `top`。一些旧版本的浏览器可能只接受 `block` 和 `behavior` 两个参数。

2. **元素定位**：如果元素本身设置了固定的 `position`（如 `static`, `relative` 或 `fixed`），那么 `top` 属性不会影响其相对于文档的位置，而是基于其自身位置计算。

3. **视口边界**：如果元素已经在视口内，或者 `top` 值小于或等于当前可视区域的高度，`top` 设置将不起作用。

4. **其他CSS样式**：某些 CSS 样式，如 `overflow: auto` 或 `overflow: scroll`，可能阻止了元素完全显示在可视区域内。

为了解决这个问题，你可以尝试调整代码，比如先获取元素的 `offsetTop`，然后添加到 `scrollIntoView` 的 `top` 参数中。或者使用 `window.scrollTo()` 方法直接控制滚动条的行为，如果有需要的话：

const targetElement = document.querySelector('your-element');
const targetOffsetTop = targetElement.offsetTop;

// 如果你想让元素滚动到可视区中心
targetElement.scrollIntoView({
  behavior: 'smooth',
  block: 'center'
});

// 如果 top 需要手动计算
window.scrollTo(0, targetOffsetTop + 100);