【jquery】返回顶部效果

以前用原生 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 的一些封装的方法。