Jquery悬浮backTop代码 

 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中向下滑动页面，按钮出现，可以回到顶部，回到顶部后按钮自动消失。

posted @ 2016-05-14 10:07  不二囧青年  阅读(220)  评论(2)  编辑  收藏  举报