以前用原生 js 写过返回顶部效果,具体内容点击这里。后来应用在了博客上,由于博客园原本就是用的 jquery,所以就写了个 jquery 版返回顶部效果,具体代码如下:
$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 500) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$("#toTop").click(function(){
$("html,body").animate({scrollTop:0},"slow");
return false;
});
});
我们可以看出 jquery 的代码比起原生 js 的代码要少很多,这是因为用到了 jquery 的一些封装的方法。