以前写过返回顶部效果(javascript版),具体内容点击这里。后来应用在了博客上,由于博客园原本就是用的 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 的代码比起原生 javascript 的代码要少很多,这是因为用到了 jquery 的一些封装的方法。
PS:在使用 jquery 的同时,别忘了需要引用 jquery 库。