在網頁中，有時會出現頁面很長，而我們需要快速返回到頁面頂部的情況。這時，jquery返回頂部就派上用場了。

下面是jquery實現返回頂部的代碼：

$(function(){
$(window).scroll(function(){
if($(window).scrollTop()>300){
$("#toTop").fadeIn(1500); //當window的scrolltop距離大于300時，返回頂部按鈕淡出，反之淡入
}
else{
$("#toTop").fadeOut(1500);
}
});
//當點擊跳轉鏈接后，回到頁面頂部位置
$("#toTop").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
});

上述代碼中，“#toTop”為返回頂部按鈕的id。當滾動條的距離大于300時，按鈕淡出，反之淡入。點擊按鈕后，利用動畫效果返回頁面頂部位置。

將以上代碼加入到博客園的頭部或側邊欄，即可在頁面上添加一個返回頂部按鈕了。