欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

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

时间: 2018-12-14 09:09 阅读: 作者:素材无忧网

因为是自用OA上使用,所以只看了Chrome和IE11的兼容,如果遇到问题欢迎反馈.
超简洁代码 JQuery GoTop(返回顶部)(图1)


$(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);
  });
});

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: 超简洁代码 JQuery GoTop(返回顶部)

标签:  
模板推荐