jQuery回顶部

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. });
12.
13. // 回顶部
14. $('.goTop').click(function () {
15.     $('body,html').animate({
16.         scrollTop: 0
17.     }, 500);
18.     return false;
19. })