超简洁代码 JQuery GoTop(返回顶部)

2017码报 www.4tu0.com 日期:2015-12-03 / 人气: / 来源:

因为是自用OA上使用,所以只看了Chrome和IE11的兼容,如果遇到问题欢迎反馈.


				
$(function() {
  $(window).scroll(function() {
    if($(this).scrollTop() != 0) {
      $("#toTop").fadeIn(); 
    } else {
      $("#toTop").fadeOut();
    }
  });
  $("body").append("<div id=\"toTop\" style=\"border:1px solid #444;background:#333;color:#fff;text-align:center;padding:10px 13px 7px 13px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;font-family:verdana;font-size:22px;\">^</div>");
  $("#toTop").click(function() {
    $("body,html").animate({scrollTop:0},800);
  });
});

作者:


推荐内容 Recommended

相关内容 Related

现在致电 0898-688989 OR 查看更多联系方式 →

Go To Top 回顶部
  • 信访督查督办工作亟待精准化 2019-04-01
  • 第七届“我与外教”全国大赛颁奖典礼在京举行 2019-03-30
  • 山西日报传媒集团公司 2018年第一季度财务等重大信息 2019-03-29
  • 220家上市公司总亏损超千亿 2019-03-29
  • “中国网事·感动2018”一季度网络感动人物评选启动 2019-03-18
  • 《脱身》热播 万茜化身“黄俪文”反差十足 2019-03-15
  • 把握区域经济发展的新特点(信息快递) 2019-03-15
  • 吴运波在石塘村调研脱贫攻坚和新农村建设工作 2019-03-13
  • 612| 105| 873| 834| 195| 694| 939| 308| 259| 16|