超简洁代码 JQuery GoTop

2018-07-20  来自: 深圳旭达卓远教育集团江门分公司 浏览次数:462

因为是自用OA上使用,所以只看了Chrome和IE11的兼容,如果遇到问题欢迎反馈.
超简洁代码 JQuery GoTop|专业知识-深圳旭达卓远教育集团江门分公司


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

关键词: JQuery           

深圳旭达卓远教育集团江门分公司,专营 网络教育 成人教育 软件测试 java课程 等业务,有意向的客户请咨询我们,联系电话:0750-3300998,13827051438

CopyRight © 版权所有: 深圳旭达卓远教育集团江门分公司 技术支持:华沃互联 网站地图 XML 备案号:粤ICP备18122664号-1


扫一扫访问移动端