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

8

返回顶部 效果

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(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);
  });
});

共 8 条评论

  1. 回复

    收藏了

  2. 回复

    满分! 好评!

  3. 回复

    的确很短小实用的代码~

  4. 回复

    这个确实很简洁o(∩_∩)o 哈哈~ 代码之美啊~ 话说我的站点首页title一直没注意,看到朽木兄 的邮件之后用了一句比较喜欢的话设置了下~

  5. 回复

    好东西,不过你首页肿膜了..

    • 回复

      肿膜了?

      • 回复

        之前你的首页无法加载css文件..现在好了

  6. 回复

    的确很简洁,收藏了

回复 Master X

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...