回到顶部功能

开发工具与关键技术：Visual Studio
作者：林耀
撰写时间：2019.08.18

很多网页都会有的这个功能，当我们看网页的时候看到很下面了，例如想回到顶部导航栏的时候，就要滑动好一会才可以，所以就用了这个返回顶部的功能，能够让我们的效率更快，先说一下这个功能的思路吧，首先是当我们向下滑动页面到一定的高度时，这个图标就会出来，然后点击图标就可以把页面给返回到顶部了。

以下我们放上代码的图片吧：
首先这里是html的代码

![在这里插入图片描述](https://img-blog.csdnimg.cn/2019081808073788.jpg)
这里作为例子就直接用了个A标签了，再加上ID就好了。


![在这里插入图片描述](https://img-blog.csdnimg.cn/20190818080757481.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDM0Mw==,size_16,color_FFFFFF,t_70)

这里就是JQuery 的代码了。

思路和上面说的一样。