js控制滚动元素的位置的方法

// 获取元素的滚动位置
let scrollTopValue = element.scrollTop;
let scrollLeftValue = element.scrollLeft;

// 设置元素的滚动位置
element.scrollTop = 100; // 垂直滚动到100px的位置
element.scrollLeft = 50;  // 水平滚动到50px的位置

// 滚动到页面顶部
window.scrollTo(0, 0);

// 滚动到指定位置（例如垂直滚动到300px）
window.scrollTo(0, 300);

// 平滑滚动到指定位置
window.scrollTo({
  top: 300,
  behavior: 'smooth'
});

// 将某个元素滚动到视口顶部
element.scrollIntoView();

// 平滑滚动到视口，并且对齐方式可选
element.scrollIntoView({ behavior: 'smooth', block: 'start' });

function smoothScrollTo(targetPosition, duration) {
  const startPosition = window.pageYOffset;
  const distance = targetPosition - startPosition;
  let startTime = null;

  function animation(currentTime) {
    if (startTime === null) startTime = currentTime;
    const timeElapsed = currentTime - startTime;
    const run = ease(timeElapsed, startPosition, distance, duration);
    window.scrollTo(0, run);
    if (timeElapsed < duration) requestAnimationFrame(animation);
  }

  function ease(t, b, c, d) {
    t /= d / 2;
    if (t < 1) return c / 2 * t * t + b;
    t--;
    return -c / 2 * (t * (t - 2) - 1) + b;
  }

  requestAnimationFrame(animation);
}

smoothScrollTo(300, 1000); // 平滑滚动到300px位置，持续1秒

import smoothscroll from 'smoothscroll-polyfill';

// 启动polyfill
smoothscroll.polyfill();

// 现在可以使用标准的scrollIntoView方法，并且会有平滑滚动效果
element.scrollIntoView({ behavior: 'smooth' });