1 $(window).scroll(function () { 2 if ($(this).scrollTop() != 0) { 3 $("#toTop").fadeIn(); 4 } else { 5 $("#toTop").fadeOut(); 6 } 7 }); 8 $("body").append("<div id=\"toTop\" style=\"width:15%;height:15%;padding:10px 13px 7px 13px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;\"><img src=\"/Resource/Content/Themes/Mobile/images/520Activity/backTop.png\"></div>"); 9 $("#toTop").click(function () { 10 $("body,html").animate({ scrollTop: 0 }, 800); 11 });
html中向下滑动页面,按钮出现,可以回到顶部,回到顶部后按钮自动消失。