# 回到頂部
>[success] 當網頁過長時,我們一般都會加一個回到頂部的功能,使有原生js實現的話,代碼量相對較多,在這里,推薦大家使用`jquery`來實現。
代碼如下:
~~~
$(document).ready(function() {
//到頂部時,自動隱藏返回頂部按鈕
$(window).scroll(function() {
t = $(window).scrollTop();
if( t > 200) {
$("#gotop").addClass("show");
}else{
$("#gotop").removeClass("show");
}
});
//返回頂部(動畫)
$("#gotop").click(function() {
$("html,body").animate({
scrollTop: 0
},1000);
});
});
~~~