超简洁代码 JQuery GoTop(返回顶部)_深圳市亿玮知识产权代理有限公司

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

日期：2015-12-03 浏览: 4次

因为是自用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);
  });
});

上一篇：DedeCMS网站老是中毒怎么办呢? ← 下一篇：又一款前端开发利器 – Brackets →

我们的服务 Our Services

我们可以为您提供的服务及我们对服务的态度，服务流程、服务优势、我们眼中的办公环境是怎样的。How are the services that we could provide to you, our attitude toward service, our service process, service advantages and the office environment in our eyes

立即前往 Now Go →

我们的成功案例 Our Successful Cases

我们为您精心挑选的经典案例，去感受不一样的办公环境体验，服务于世界500强的企业为您服务。You can go to review our classic cases that we have picked for you so as to experience different office environments. The enterprise that has serviced world Top 500 enterprises will serve you as well.

立即前往 Now Go →