js如何实现在页面中点击按钮后滚动到页面顶部的效果？

实页面中点击按钮后滚动到页面顶部的效果，可以使用js来实现。

在页面上添加一个按钮，并为按钮添加一个点击事件，在点击事件中调用js代码：

点击滚动到顶部

在js文件中定义scrollToTop函数，用来实现滚动到顶部的效果：

function scrollToTop() {
  // 获取页面当前的滚动高度
  let currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
  // 如果当前滚动高度大于0，那么将当前滚动高度减少50px，以实现滚动效果
  if (currentScroll > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, currentScroll - 50);
  }
}

上面的代码中，我们获取了页面当前的滚动高度，如果当前滚动高度大于0，就会调用window.requestAnimationFrame()方法，每次滚动50px，直到滚动到顶部。

我们可以在页面中调用scrollToTop函数，实页面中点击按钮后滚动到页面顶部的效果：

上面的代码中，我们调用了scrollToTop函数，实现了在页面中点击按钮后滚动到页面顶部的效果。

：实页面中点击按钮后滚动到页面顶部的效果，可以使用js来实现。在页面上添加一个按钮，并为按钮添加一个点击事件，在js文件中定义scrollToTop函数，用来实现滚动到顶部的效果，在页面中调用scrollToTop函数，实页面中点击按钮后滚动到页面顶部的效果。