web-css实现回到顶部

兜兜圈圈的,
还是实现了这个功能!!!
基于JQuery库

	$(".top").click(function () {
	//animate:动作;后面接的是延迟
          $("html,body").animate(
            {
              scrollTop: 0,
            },
            700
          );
        });
	//自动检查当前窗口位置,当小于100时,不显示回到TOP标志
        $(window).scroll(function () {
          if ($(window).scrollTop() > 100) {
            $(".top").css("display", "block");
          } else {
            $(".top").css("display", "none");
          }
        });
      });

web-css实现回到顶部_第1张图片精神小伙!

后面继续完成博客模板…

你可能感兴趣的:(web)