一、首先页面
<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;
});