1. <!-- 返回顶部 -->
  2. <div class="flex align-items-center justify-content-center goTop">回顶部</div>
  1. $(window).scroll(function () {
  2.     / 判断滚动条 距离页面顶部的距离 100可以自定义/
  3.     if ($(window).scrollTop() > 100) {
  4.         $(".goTop").fadeIn(100); / 这里用.show()也可以 只是效果太丑 /
  5.         $('.goTop').css({
  6.             display: 'flex'
  7.         })
  8.     } else {
  9.         $(".goTop").fadeOut(100);
  10.     }
  11. });
  13. // 回顶部
  14. $('.goTop').click(function () {
  15.     $('body,html').animate({
  16.         scrollTop: 0
  17.     }, 500);
  18.     return false;
  19. })