web-css实现回到顶部

最新推荐文章于 2024-10-27 22:24:41 发布

Mr_Fish_LEE

最新推荐文章于 2024-10-27 22:24:41 发布

阅读量615

点赞数

分类专栏： web

本文链接：https://blog.youkuaiyun.com/weixin_44271578/article/details/107361958

版权

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何利用JQuery库实现网页的返回顶部功能，详细阐述了实现过程，并预告了后续将继续完善博客模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

兜兜圈圈的，
还是实现了这个功能！！！
基于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");
          }
        });
      });