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

Question

大家好，我在一个页面上浮动两个div，一个大约360 px，另一个是自动宽度，当页面向左滚动时，添加了一个类，使其固定在屏幕上并允许其他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');
               } });

有什么可以建议我的吗，我认为min-height属性不被mozilla接受，但是如果修复了高度，我会得到一个滚动条，或者可能会修剪一些东西。

Answer 1

这是适合您的代码。 为您的div添加CSS：

#leftfixop909{
    position: absolute;
}

#otherdiv{
    position: relative;
}

而已。