- <!-- 返回顶部 -->
- <div class="flex align-items-center justify-content-center goTop">回顶部</div>
- $(window).scroll(function () {
- /* 判断滚动条 距离页面顶部的距离 100可以自定义*/
- if ($(window).scrollTop() > 100) {
- $(".goTop").fadeIn(100); /* 这里用.show()也可以 只是效果太丑 */
- $('.goTop').css({
- display: 'flex'
- })
- } else {
- $(".goTop").fadeOut(100);
- }
- });
- // 回顶部
- $('.goTop').click(function () {
- $('body,html').animate({
- scrollTop: 0
- }, 500);
- return false;
- })
有幸访问到贵站,“百万链”期待你的加入!