html 滑动返回顶部,HTML5 返回顶部 效果

.gotop{width:42px;height:42px;background:url(gotop.png) no-repeat;display:none;right:30px;bottom:30px;position:fixed;}

#gotobg{background-position:0 0;}

$(function(){

$(window).scroll(function(){ //jquery的scroll()方法

if($(this).scrollTop()>250){

$("#gotobg").fadeIn(1500);} //jquery的fadeIn()显示方法

else{$("#gotobg").fadeOut(1000);} //jquery的fadeIn()隐藏方法

});

$("#gotobg").mouseover(function(){$(this).css("background-position","-50px 0");});

$("#gotobg").mouseout(function(){$(this).css("background-position","0 0");});

$("#gotobg").click(function(){$("html,body").animate({scrollTop:0},"fast");return false;}); //animate()是jquery的动画

});