js 滚动到顶部

作者：掌心余温发布日期:2026-07-03 浏览:115

// 当用户点击按钮时，页面会平滑滚动到顶部

// HTML部分
// <button onclick="scrollToTop()">回到顶部</button>

function scrollToTop() {
    // 使用 window.scrollTo 方法，并设置行为为平滑滚动
    window.scrollTo({
        top: 0, // 滚动到页面的顶部
        behavior: 'smooth' // 平滑滚动效果
    });
}

// 解释说明：
// 1. window.scrollTo() 是一个内置的 JavaScript 方法，用于将窗口滚动到指定的位置。
// 2. 参数是一个对象，包含两个属性：
//    - top: 表示垂直方向上的滚动位置，0 表示页面的最顶部。
//    - behavior: 设置滚动行为，'smooth' 表示平滑滚动，'auto' 表示立即滚动。

如果你只需要代码部分：

function scrollToTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
}

上一篇：js 忽略大小写

下一篇：js 滚动事件