Return Top

来源:互联网 发布:淘宝手机首页尺寸 编辑:程序博客网 时间:2024/06/06 04:51

一.使用锚标记

在顶部:<a name=”top” id=”top”></a>

在页面底部:<a href=”#top” target=”_self”>返回顶部</a>

二.使用javascript Scroll函数返回顶部

scrooll函数用来控制滚动条的位置,有两种很简单的实现方式:

1.<ahref="javascript:scroll(0,0)">返回顶部</a>

scroll第一个参数是水平位置,第二个参数是垂直位置,比如要想定位在垂直50像素处,改成scroll(0,50)就可以了

2. function pageScroll()

{

         Window.scrollBy(0,-10);

         Scrolldelay=setTimeout(‘pageScroll()’,100);

         If(document.documentElement.scrollTop=0)clearTimeout(scrolldelay);

}

<a href=”pageScroll();”>返回顶部</a>

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

所以要加上一句代码:if(document.documentElement.scrollTop==0)clearTimeout(scrolldelay);