js 设置滚动条位置

作者：青灯寂焚发布日期:2025-11-10 浏览:42

// 设置滚动条位置的示例代码

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

// 2. 滚动到指定位置 (x, y)
// x: 水平方向的滚动位置
// y: 垂直方向的滚动位置
window.scrollTo(100, 300);

// 3. 平滑滚动到指定位置
window.scrollTo({
    top: 300, // 垂直方向的滚动位置
    left: 100, // 水平方向的滚动位置
    behavior: 'smooth' // 平滑滚动效果
});

// 4. 滚动到某个元素的位置
let element = document.getElementById("targetElement");
element.scrollIntoView({ 
    behavior: 'smooth', 
    block: 'start' // 滚动到元素的顶部对齐视口的顶部
});

解释说明：

window.scrollTo(x, y)：立即滚动到指定的水平和垂直位置。
window.scrollTo(options)：使用对象参数进行更精细的控制，包括是否启用平滑滚动。
element.scrollIntoView()：滚动页面使得指定的元素出现在视口中，可以设置滚动行为和对齐方式。

上一篇：js scale

下一篇：js 添加css