| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
xybw
11年前发布

jQuery实现返回顶部功能

CSS代码:  .backToTop {      display: none;      width: 18px;      line-height: 1.2;      padding: 5px 0;      background-color: #000;      color: #fff;      font-size: 12px;      text-align: center;      position: fixed;      _position: absolute;      right: 10px;      bottom: 100px;      _bottom: "auto";      cursor: pointer;      opacity: .6;      filter: Alpha(opacity=60);  }

JS代码:  (function() {      var $backToTopTxt = "返回顶部", $backToTopEle = $('').appendTo($("body"))          .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {              $("html, body").animate({ scrollTop: 0 }, 120);      }), $backToTopFun = function() {          var st = $(document).scrollTop(), winh = $(window).height();          (st > 0)? $backToTopEle.show(): $backToTopEle.hide();             //IE6下的定位          if (!window.XMLHttpRequest) {              $backToTopEle.css("top", st + winh - 166);             }      };      $(window).bind("scroll", $backToTopFun);      $(function() { $backToTopFun(); });  })();