回到顶部 jquert

要使用 jQuery 实现回到顶部功能，可以通过以下步骤进行：

1. 在 HTML 中添加一个回到顶部的按钮，例如：

<button id="back-to-top">返回顶部</button>

2. 在 CSS 中设置按钮的样式，例如：

#back-to-top {
  display: none; /* 初始状态下隐藏按钮 */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 14px;
  padding: 10px 15px;
  border: none;
  outline: none;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

3. 在 JavaScript 中添加事件监听器，当用户点击按钮时，页面滚动到顶部位置，例如：

$(document).ready(function() {
  // 当页面滚动时检查是否显示按钮
  $(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
      $('#back-to-top').fadeIn();
    } else {
      $('#back-to-top').fadeOut();
    }
  });

  // 当用户点击按钮时，页面滚动到顶部
  $('#back-to-top').click(function() {
    $('html, body').animate({scrollTop: 0}, 800);
    return false;
  });
});

这样就可以实现一个简单的回到顶部功能了。