【jquery】返回顶部效果jquery版

最新推荐文章于 2025-11-28 06:24:21 发布

最新推荐文章于 2025-11-28 06:24:21 发布 · 56 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的返回顶部效果。当页面滚动超过500像素时，显示返回顶部按钮；点击该按钮则平滑滚动回页面顶部。此效果利用了jQuery的简洁性和易用性。

以前写过返回顶部效果（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;
    });    
});