页面返回顶部方法大全，其中优劣按需所取

对于页面过长的返回顶部非常的必要，下面是返回顶部方法，各有优劣，按需所取吧。

一、锚标记返回页面顶部 ，简单的静态返回顶部，一般用在固定在页面底部的情况

命名锚标记：

页面底部的返回代码:返回顶部

还可以简单的:返回顶部

二、JS的Scroll函数返回顶部

scrooll函数控制滚动条的位置：返回顶部

三、JS模拟滚动效果上滑至顶部：

js代码：

function pageScroll(){
    //把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数）
    window.scrollBy(0,-100);
    //延时递归调用，模拟滚动向上效果
    scrolldelay = setTimeout(’pageScroll()’,100);
    //获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值
    var sTop=document.documentElement.scrollTop+document.body.scrollTop;
    //判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面）
    if(sTop==0) clearTimeout(scrolldelay);
}

返回顶部

四、浮动于页面位置，随时可返回顶部，JS实现

这个方式也是本站使用的返回顶部代码，简单，好用。

代码如下：