点击返回顶部的网页代码

我们在很多网站的右侧会看到有返回顶部的小图标，点击一下就会将网页从底部拉到顶部显示。这个功能易用方便，下面分享一段简单的代码，需要使用到Jquery。

<div class="top">

 <h3>返回顶部</h3>

  </div>

script type="text/javascript">

$(function(){

    $('.top').click(function(){

        $('html , body').animate({scrollTop: 0},'slow');

    });

});

</script>

一定记着引用Jquery代码哦，否则不会生效的。 

推荐一个Jquery官方的CDN地址。

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>