学习进度

 简单的静态返回顶部,用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);
}
View Code

Html

<a onclick="pageScroll()">返回顶部</a>

 更多方法参考:

返回顶部代码

posted @ 2020-03-14 22:24  s硕s  阅读(188)  评论(0编辑  收藏  举报