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中向下滑动页面,按钮出现,可以回到顶部,回到顶部后按钮自动消失。
转载于:https://www.cnblogs.com/HuberyHu/p/5492008.html