我们经常会看到很多博客或网站可以直接点击底部的返回就可以直接返回到网站顶部了，下面我来给各位同学介绍关于常用的几种JS返回页面顶部代码，有需要了解的朋友可参考。

方法一，纯css实现方法,页面顶部放置,代码如下:

放置位置在标签之后随便找个地方放都可以，只要靠近顶部即可。

页面底部放置,代码如下:

方法二,js带css实现方法,本方式是渐进式返回顶部,要好看一些,代码如下：

这样就会动态返回顶部，不过虽然返回到顶部但是代码仍在运行,还需要在pageScroll函数加一句给停止掉,代码如下:

方法三,jquery实现方法,首先需要在顶部添加如下html元素,代码如下:

其中a标签指向锚点top，可以在顶部防止一个:

的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。

要想让返回顶部的图片显示在右侧,还需要一些css样式,代码如下:

　　
上面样式中的背景图片是雪碧图，下面提供两个单独的返回顶部图片方便朋友们使用,有了html和样式，我们还需要用js控制返回顶部按钮，在页面滚动时渐隐渐现返回顶部按钮,代码如下: