将下行链接更改为滚动上的返回顶部链接

<a href="#" id="backToTop">返回顶部</a>

#backToTop {
  display: none; /* 默认隐藏 */
  position: fixed; /* 固定在页面某个位置 */
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 14px;
}

#backToTop:hover {
  background-color: #aaa;
}

window.addEventListener('scroll', function() {
  var backToTop = document.getElementById('backToTop');
  if (window.pageYOffset > 200) { // 当页面滚动超过200px时显示返回顶部链接
    backToTop.style.display = 'block';
  } else {
    backToTop.style.display = 'none';
  }
});

document.getElementById('backToTop').addEventListener('click', function(e) {
  e.preventDefault(); // 阻止默认的链接跳转行为
  window.scrollTo({
    top: 0,
    behavior: 'smooth' // 平滑滚动效果
  });
});