Boostrap滚动到底部代码

HTML代码:

<button id="scrollToTopBtn" class="btn btn-primary">
  <i class="fas fa-arrow-up"></i>
</button>

JS代码:

$(function () {
    const scrollToTopBtn = $('#scrollToTopBtn');

    $(window).on('scroll', function () {
      if ($(this).scrollTop() > 0) {
        if (!scrollToTopBtn.is(':visible')) {
          scrollToTopBtn.fadeIn();
        }
      }
    });

    scrollToTopBtn.on('click', function () {
      $('html, body').animate({ scrollTop: 0 }, 'slow', function () {
        scrollToTopBtn.fadeOut();
      });
    });
  });

 

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容