[JavaScript] jQuery实现返回顶部功能 →→→→→进入此内容的聊天室

来自 , 2020-09-26, 写在 JavaScript, 查看 99 次.
URL http://www.code666.cn/view/56503192
  1. CSS代码:
  2. .backToTop {
  3.     display: none;
  4.     width: 18px;
  5.     line-height: 1.2;
  6.     padding: 5px 0;
  7.     background-color: #000;
  8.     color: #fff;
  9.     font-size: 12px;
  10.     text-align: center;
  11.     position: fixed;
  12.     _position: absolute;
  13.     right: 10px;
  14.     bottom: 100px;
  15.     _bottom: "auto";
  16.     cursor: pointer;
  17.     opacity: .6;
  18.     filter: Alpha(opacity=60);
  19. }
  20.  
  21. JS代码:
  22. (function() {
  23.     var $backToTopTxt = "返回顶部", $backToTopEle = $('').appendTo($("body"))
  24.         .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
  25.             $("html, body").animate({ scrollTop: 0 }, 120);
  26.     }), $backToTopFun = function() {
  27.         var st = $(document).scrollTop(), winh = $(window).height();
  28.         (st > 0)? $backToTopEle.show(): $backToTopEle.hide();    
  29.         //IE6下的定位
  30.         if (!window.XMLHttpRequest) {
  31.             $backToTopEle.css("top", st + winh - 166);    
  32.         }
  33.     };
  34.     $(window).bind("scroll", $backToTopFun);
  35.     $(function() { $backToTopFun(); });
  36. })();
  37.  
  38.  

回复 "jQuery实现返回顶部功能"

这儿你可以回复上面这条便签

captcha