1、页面先写好点击到顶部的html代码
2、监听滚动条事件,超过某个高度点击图片,将滚动条置顶【0】,就能跳回顶部了
Go
css:
.gotop{ position:fixed; bottom:20px; right:20px; display:none; width:50px; height:50px; line-height:50px;....}
$(function(){
$(window).scroll(function() {
if($(window).scrollTop() >= 100){
$('.Gotop').fadeIn(300);//滚动条超出100出现
}else{
$('.Gotop').fadeOut(300); //否则隐藏
}
});
$('.Gotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});//点击滚动到顶部
});