使用JavaScript或jQuery滚动到页面顶部

使用JavaScript或jQuery滚动到页面顶部是前端开发中常见的操作之一。以下是详细讲解如何实现的攻略：

1. 点击按钮触发事件

首先，在页面中添加一个按钮，当用户点击该按钮时，页面才会自动滚动到顶部。可以使用HTML和JavaScript实现：

<button id="btn-scroll-top">Scroll to Top</button>

var btn = document.getElementById("btn-scroll-top");
btn.addEventListener("click", function() {
  window.scrollTo(0, 0);
});

这个JavaScript代码片段给id为“btn-scroll-top”的按钮绑定了一个“click”事件，当用户点击该按钮时，将会执行一个函数。这个函数中，使用“window.scrollTo(x,y)”将页面滚动到顶部，其中x和y分别表示窗口的横向和纵向滚动条位置。

2. 监听窗口滚动事件

除了在点击按钮后将页面滚动到顶部，还可以使用JavaScript代码监听窗口的滚动事件，在用户向下滚动页面时，再显示一个返回顶部的按钮。可以使用jQuery实现：

<button id="btn-scroll-top" style="display: none;">Scroll to Top</button>

$(window).scroll(function() {
  if ($(this).scrollTop() > 0) {
    $("#btn-scroll-top").fadeIn();
  } else {
    $("#btn-scroll-top").fadeOut();
  }
});

$("#btn-scroll-top").click(function() {
  $("html, body").animate({scrollTop: 0}, 500);
});

在上面的代码中，首先将返回顶部按钮设置为不可见（display: none;）。然后，当用户向下滚动窗口时，使用jQuery代码监听这个滚动事件。如果用户向下滚动的距离大于0，就将返回顶部按钮设置为可见（fadeIn()函数），否则设置为不可见（fadeOut()函数）。

当用户点击返回顶部按钮后，将使用jQuery代码将页面滚动到顶部，其中animate()函数将使页面平滑滚动到顶部。

以上就是使用JavaScript或jQuery滚动到页面顶部的完整攻略。在实际开发中，应根据具体需求选用合适的方案。