您当前位置:主页 > 新闻中心 > 行业新闻 >

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

发布时间:2015-10-13作者:admin点击数:()

因为是自用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
敬请关注艺之都网络
*
* *
电话:15626535572 手机:15626535572 QQ:332833168 邮箱:
115669667@QQ.COM
Copyright © 2007-2018 dg.yizhidou.com 艺之都网络 版权所有 Power by DedeCms 备案号:粤ICP备15004350号-1
地址:东莞市南城区建设路6号金辉商务大厦10楼
友情链接: