Javascript onscroll修复div并添加一个在mozilla中有麻烦的类

Javascript onscroll修复div并添加一个在mozilla中有麻烦的类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,大家好,我有一个页面,其中有两个div浮动在左侧,一个是360像素左右,另一个是自动宽度,当页面滚动时,左侧div添加了一个类,使其固定在屏幕上,并允许oyher div滚动。它在chrome中工作,但在mozilla中不工作。实际上,div是固定的,但另一个div在固定的div后面 这是密码 <div id="leftfixop909"> <div id="MKAEitFIXED0"> </div></div> <

大家好,我有一个页面,其中有两个div浮动在左侧,一个是360像素左右,另一个是自动宽度,当页面滚动时,左侧div添加了一个类,使其固定在屏幕上,并允许oyher div滚动。它在chrome中工作,但在mozilla中不工作。实际上,div是固定的,但另一个div在固定的div后面

这是密码

 <div id="leftfixop909">
        <div id="MKAEitFIXED0">
  </div></div>
  <div id="otherdiv">
  </div> 


        #leftfixop909{max-width:365px;
         min-height:103%;margin-  left:-8px;
            float:left;width:35%;min-width:360px;
           overflow:auto;overflow-x:hidden;
         box-shadow:    0 10px 20px -5px rgba(0, 0, 0, 0.75);}

           #MKAEitFIXED0{width:365px;min-height:101%;
           background:url(webimg/mainbg.png);
            padding-bottom:20px;z-index:99;overflow:auto;
              box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);}

             .RighTFIXIEDbot{position:fixed;bottom:0px;}

           #otherdiv{width:auto;
           overflow:hidden;min-height:150%;margin-top:46px;padding-left:20px;}



           $(window).scroll(function () {
           var height=window.innerHeight;
                 var DIVHEIG=$("#MKAEitFIXED0").height();
            var NOWstoPS=(DIVHEIG-height);
          if ($(this).scrollTop() > NOWstoPS) {
           $('#MKAEitFIXED0').addClass('RighTFIXIEDbot');
           } else if ($(this).scrollTop() < NOWstoPS) {
            $('#MKAEitFIXED0').removeClass('RighTFIXIEDbot');
               } });

#leftfixop909{最大宽度:365px;
最小高度:103%;左侧边距:-8px;
浮动:左侧;宽度:35%;最小宽度:360px;
溢出:自动;溢出-x:隐藏;
长方体阴影:0 10px 20px-5px rgba(0,0,0,0.75);}
#MKAEitFIXED0{宽度:365px;最小高度:101%;
背景:url(webimg/mainbg.png);
填充底部:20px;z索引:99;溢出:自动;
长方体阴影:0 10px 20px-5px rgba(0,0,0,0.75);}
.RighTFIXIEDbot{位置:固定;底部:0px;}
#otherdiv{width:auto;
溢出:隐藏;最小高度:150%;页边距顶部:46px;左侧填充:20px;}
$(窗口)。滚动(函数(){
var height=window.innerHeight;
var DIVHEIG=$(“#MKAEitFIXED0”).height();
var NOWstoPS=(DIVHEIG高度);
if($(this).scrollTop()>NOWstoPS){
$('MKAEitFIXED0').addClass('RightFixedBot');
}else if($(this).scrollTop()

您有什么建议吗?我想min-height属性不被mozilla接受,但是如果修改了高度,我会得到一个滚动条,或者可能会被修剪一些东西。

以下是适合您的代码。为您的div添加css,如下所示:

#leftfixop909{
    position: absolute;
}

#otherdiv{
    position: relative;
}
就这样