缓缓回到顶部效果的实现

$(function () {

//首先将#btn隐藏

$(".backtop").hide();

//当滚动条的位置处于距顶部50像素以下时，跳转链接出现，否则消失

$(window).scroll(function () {

if ($(window).scrollTop() >= 50) {

$('.backtop').fadeIn();

}

else {

$('.backtop').fadeOut();

}

});

$('.backtop').click(function () {

$('html,body').animate({ scrollTop: 0 }, 500);

});

});