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

黄良钵

博客站长,前端开发工程师

1 条评论

  1. 有幸访问到贵站,“百万链”期待你的加入!

Leave a Reply

Your email address will not be published. Required fields are marked *

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

jQuery回顶部
返回顶部
网站稳定运行 : {{ diffYears }}年 零 {{ diffDays }}天 {{ diffHours }} 小时 {{ diffMinutes }} 分钟 {{ diffSeconds }} 秒

显示

忘记密码?

显示

显示

获取验证码

Close