程序博客网 > 成都多益网络招聘

如何实现返回顶部的按钮功能实现

来源：互联网发布：成都多益网络招聘编辑：程序博客网时间：2024/04/30 08:54

第一种当时使用锚标记返回页面顶部

<a href="top" ></a>这个放在<body>首部附近位置的位置

<a href="top" >返回顶部</a>放在</body>低部附近位置

这样就可以实现

第二种使用javascript函数

<a href="javascript:scroll(0,0)">返回顶部</a>记得放在底部的位置

scroll(0,0)是返回到坐标为（0,0）的位置

第三种也是用javascript实现，但是他可以有一个缓慢返回的效果，不像上面两种是直接、、咻的一下返回

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

虽然返回到的顶部，但是这时的代码还没有停止运行，所以还要加上这样一句

if(document.documentElement.scrollTop==0) {

clearTimeout(scrolldelay);

}

成都多益网络招聘

成都多益网络招聘

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子吸气吸气心脏疼吸气困难吸气左胸痛吸气后背痛 2.0自然吸气自然吸气和涡轮哪个好吸气时胸口疼自然吸气涡轮增压蛙泳吐气吸气示范自然吸气和涡轮增压哪个好自然吸气和涡轮增压吸气时右侧肋骨下疼吸气性呼吸困难吸气时左侧肋骨下疼胸口一用力吸气就痛一吸气胸口疼用力吸气胸口疼吸气时胸口痛吸气性呼吸困难多见于用力吸气中间胸口疼自然吸气改涡轮增压牙齿吸气凉飕飕疼自然吸气什么意思自然吸气发动机深呼吸吐气吸气正确动作深吸气时左胸口疼一吸气胸口中间就疼一吸气就咳嗽一吸气就想咳嗽鼻子吸气感到干痛吸气式感烟探测器躺下吸气肺部有拉风箱声音吸气的时候心脏疼吸气腰疼怎么回事一吸气后背疼吸气胃疼是怎么回事深吸气后背疼使劲吸气胸口疼一吸气左胸口疼吸气的时候胸口疼