JavaScript 滚动到顶部 onclick

本文介绍如何使用 JavaScript 实现在点击事件触发时滚动到页面顶部的功能。我们将通过使用 window.scrollTo() 方法和 onclick 事件来实现此操作。具体的代码片段如下所示：

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

在上述代码中，我们定义了一个名为 scrollToTop() 的函数，该函数将用于在点击事件触发时滚动到页面顶部。window.scrollTo() 方法可以用来在当前窗口中滚动至指定的位置。我们将 top 参数设置为 0，以使页面滚动至顶部。通过将 behavior 参数设置为 "smooth"，我们实现了平滑滚动效果。

为了触发滚动到顶部的功能，我们需要在 HTML 元素中使用 onclick 事件，并将其绑定到 scrollToTop() 函数。下面是一个示例按钮的 HTML 代码：

<button onclick="scrollToTop()">滚动到顶部</button>

通过将以上代码复制到你的 HTML 文件中，你就可以创建一个按钮，点击该按钮时页面将平滑地滚动至顶部。

希望这个简单的 JavaScript 代码片段对你有所帮助！