备注:当鼠标滑到距离顶部大于500像素时显示置顶图标,小于500像素将其隐藏
<a href="javascript:;" class="back-top hver" id="yBackTop" style="display: none;"><i class="icon"></i><p>回顶</p></a>
//返回顶部
var yWin = $(window).scrollTop();
var isShow = true;
$(window).scroll(function(){
yWin = $(window).scrollTop();
console.log(yWin);
if(yWin > 500){
if(isShow){
isShow = false;
$('#yBackTop').show().animate({left:'0'}, 400);
}
}
if(yWin < 500){
if(!isShow){
isShow = true;
$('#yBackTop').animate({left:'55px'}, 400,function(){$(this).hide();});
}
}
})
$('#yBackTop').on('click',function(){
$('html,body').animate({'scrollTop':0}, 800);
})