<!--返回顶部按钮--> $("#top").click(function(){ $("html,body").animate({scrollTop: "0px"}, 500); return false; }); <!--页面初始加载时根据页面高度判断是否按钮--> <!--滚动高度大于一屏幕高度时显示,否则消失--> if($(window).scrollTop()>$(window).height()){ $("#top").css("display","inline-block"); }else{ $("#top").css("display","none"); } <!--页面滚动时根据页面高度判断是否按钮,具有动画效果--> <!--滚动高度大于一屏幕高度时显示,否则消失--> $(window).scroll(function(){ if($(window).scrollTop()>$(window).height()){ $("#top").show(300); }else{ $("#top").fadeOut(300); } }); <!--返回顶部按钮 结束--> 初始判断不具有动画效果,在页面加载是就进行判定,页面滚动时才具用淡入淡出的动画效果。