scrollIntoView 一秒滚动

`scrollIntoView` 是一个 JavaScript DOM 方法，用于将指定元素使其可见并尽可能处于视口内。如果你想在一秒钟内平滑地滚动到某个元素，通常需要编写一个自定义的动画函数，结合 `requestAnimationFrame` 或 `setTimeout` 来控制滚动的速度。以下是一个简单的示例：

function smoothScroll(element, time = 1000) {
  const startTop = element.getBoundingClientRect().top;
  let currentTop = startTop;

  function step(timestamp) {
    if (currentTop < window.innerHeight + document.documentElement.scrollTop) {
      // 如果元素还没有完全进入视野
      const scrollTop = Math.min(startTop + ((timestamp - start) / time) * element.offsetHeight, window.innerHeight);
      window.scrollTo({ top: scrollTop, behavior: 'smooth' }); // 使用平滑滚动
      requestAnimationFrame(step); // 继续下一次动画步长
    } else {
      // 到达元素顶部停止滚动
      return;
    }
  }

  requestAnimationFrame(step); // 开始滚动
}

// 要滚动的元素
const element = document.querySelector('#your-element');
// 设置滚动时间，单位秒，默认1秒
smoothScroll(element, 1);

在这个例子中，`start` 可能需要根据实际情况计算，比如页面加载完成的时间。