我们在制作网站的过程中，无论是静态网站还是动态网站，都想添加一个可以回到顶部的按键随时跟着我们的页面，让网站显得更加人性化一点。在这篇文章中，我将和大家分享怎么实现。
在开始这篇文章之前，我想说几句我这段时间来混得不生不死却迟迟不死的一点经验，提醒一下大家怎样才能离成功更近一点点。其实就一句话：遇到困难时，想学习时，首先百度搜一下，然后谷歌搜一下，最后就上爱国足’s博客看一下，跟博主诉说一下。

其实实现这样的一个功能很简单，只需要一段js代码。

第一步：插入js代码。
新建一个js文件，将下面这段js代码复制粘贴进去，
(function(){
var n=0;
var obj=document.getElementById(“AdLayer”);
if(!obj){return false;}  var x=0;
var fe=$(“#AdLayer”);
window.onscroll=function(){
obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+’px’;
x=(document.body.scrollTop||document.documentElement.scrollTop)+n;
if(x==0){fe.fadeOut().hide()}else{fe.fadeIn().show()};
};
window.onresize=function(){obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+’px’};
})();
再插入到我们的页面里。

第二步：插入返回顶部的图片。
挑选一张返回顶部的按钮图片，例如命名为top.gif，则插入下面这段div代码到页面的某个大div里面。例如其外围的div为<div id=”contents”></div>。
代码：<div id=AdLayer><a href=”#top”><img src=”images/top.gif”></a></div>
注：div的id在js文件和css文件中相应定义，建议不修改。#top也建议不修改。

第三步：css添加定位样式。
在链接的css样式文件中，给上面插入的返回顶部按钮添加定位。直接插入代码：#AdLayer {position:absolute;width:20px;display:none;height:59px;margin-top:580px;right:-30px;}
同时在上级的大div中添加样式：#contents{position:relative;}

这样全部工作就做完了，接下来保存文件，刷新网页。
可以实现了吗？