页面回到顶部的三种实现(锚标记，js)

原文地址：http://www.codesky.net/article/201211/179197.html

本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML(http://www.codesky.net/web/62651.html) 锚标记，也可使用Javascript Scroll (http://www.codesky.net/article/31422.htm) 函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。

一、使用锚标记返回页面顶部

使用HTML锚标记最简单，就是看起来有点不好看，点击后会在地址栏显示这个锚标记，其它的倒没什么。
页面顶部放置：
<a name="top" >返回顶部</a>
scroll第一个参数是水平位置，第二个参数是垂直位置，比如要想定位在垂直50像素处，改成scroll(0,50)就可以了。
方式2：
本方式是渐进式返回顶部，要好看一些，代码如下：

1 function pageScroll() {
2 window.scrollBy(0,-10);
3 scrolldelay = setTimeout('pageScroll()',100);
4 }
5 <a href="pageScroll();">返回顶部</a> 

复制代码