页面很长,导航到顶部

来源:互联网 发布:天猫淘宝内部券秒杀 编辑:程序博客网 时间:2024/04/30 04:33

一、首先页面

<div style="height:1000px;">往下滚</div><a id="scroll-to-top-btn" href="javascript:void(0);" title="返回顶部"></a>


二、原理

当body标签的垂直偏移超过一定的值时,将返回顶部的按钮显示出来。点击返回按钮,将垂直偏移设置为0;

//滚动条的垂直偏移if($('body').scrollTop()>300){<span style="white-space:pre"></span>$btn.fadeIn();}else{$btn.fadeOut();}

$('#scroll-to-top-btn').click(function () {//动画$('body').animate({scrollTop: 0}, 800);return false;});



0 0
原创粉丝点击