jQuery回顶部

原创 黄良钵  2018-08-08 16:46  阅读 122 次 评论 1 条
  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. })

历史上的今天:

关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 百万链
    百万链 【VIP 1】 @回复

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