以前写过返回顶部效果(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 库。