🔝使用 JavaScript 实现平滑滚动到顶部功能 [简单方法]。

光环小伙子们👋

在本教程中，我们将向您展示如何使用纯 JavaScript 将页面平滑地滚动到顶部。

滚动至顶部按钮允许用户单击即可快速返回网页顶部。当页面内容丰富时，此功能非常有用。

• 让我们首先创建一个scrollToTop()包含所有必需 JavaScript 的函数：

function scrollToTop(){
// all JavaScript will go here
};

• 接下来在函数内部scrollToTop()传递带有两个参数坐标和行为的 window.scrollTo() 方法：

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

• 下一个最好的部分是可以轻松使用平滑滚动behavior:'smooth'。

好了，这就是如何使用 JavaScript 平滑地滚动页面到顶部的方法。您可以根据自己的需求进一步自定义此代码。

保留声明并进行编码😎