# 回到顶部
>[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);
});
});
~~~