Code666 (代码贴、代码片段)

[JavaScript] 固定在网页顶部不随浏览滚动而消失的DIV层 →→→→→进入此内容的聊天室

来自 , 2021-02-12, 写在 JavaScript, 查看 104 次.
URL http://www.code666.cn/view/39ea40e1
  1. /*
  2. *滚动条滑动，位置不变的DIV层
  3. *div_id：DIV的ID属性值，必填参数
  4. *offsetTop：滚动条滑动时DIV层距顶部的高度，可选参数
  5. */
  6. function fixDiv(div_id,offsetTop){
  7.     var Obj=$('#'+div_id);
  8.         if(Obj.length!=1){return false;}
  9.         var offsetTop=arguments[1]?arguments[1]:0;
  10.     var ObjTop=Obj.offset().top;
  11.     var isIE6=$.browser.msie && $.browser.version == '6.0';
  12.     if(isIE6){
  13.         $(window).scroll(function(){
  14.                         if($(window).scrollTop()<=ObjTop){
  15.                     Obj.css({
  16.                         'position':'relative',
  17.                         'top':0
  18.                     });
  19.             }else{
  20.                 Obj.css({
  21.                     'position':'absolute',
  22.                     'top':$(window).scrollTop()+offsetTop+'px',
  23.                     'z-index':1
  24.                 });
  25.             }
  26.         });
  27.     }else{
  28.         $(window).scroll(function(){
  29.             if($(window).scrollTop()<=ObjTop){
  30.                 Obj.css({
  31.                     'position':'relative',
  32.                                         'top':0
  33.                 });
  34.             }else{
  35.                 Obj.css({
  36.                     'position':'fixed',
  37.                     'top':0+offsetTop+'px',
  38.                                         'z-index':1
  39.                 });
  40.             }
  41.         });
  42.     }
  43. }

回复 "固定在网页顶部不随浏览滚动而消失的DIV层"

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

captcha

贴代码片段 - Code666