js scrollto

// 使用 scrollTo 方法的示例代码

// 1. 滚动到页面顶部
window.scrollTo({
    top: 0, // 滚动到页面顶部
    behavior: 'smooth' // 平滑滚动效果
});

// 2. 滚动到指定位置 (例如：垂直方向滚动 500 像素)
window.scrollTo({
    top: 500, // 滚动到垂直方向 500 像素的位置
    behavior: 'smooth' // 平滑滚动效果
});

// 3. 滚动到页面底部
window.scrollTo({
    top: document.body.scrollHeight, // 滚动到页面底部
    behavior: 'smooth' // 平滑滚动效果
});

// 4. 滚动到某个元素的位置
const element = document.getElementById('targetElement'); // 获取目标元素
element.scrollIntoView({
    behavior: 'smooth', // 平滑滚动效果
    block: 'start' // 滚动到元素的顶部对齐容器的顶部
});

解释说明：

• window.scrollTo() 是一个用于立即滚动到指定位置的方法。
• top 参数表示垂直方向上的滚动距离（以像素为单位）。
• behavior 参数可以设置为 'auto' 或 'smooth'，其中 'smooth' 表示平滑滚动效果。
• scrollIntoView() 方法可以让指定的 DOM 元素滚动到视图中，适用于滚动到页面中的某个特定元素。