簡體   English   中英

onscroll修復div並在mozilla中添加一個具有麻煩的類

[英]onscroll fix the div and add a class having troublle in mozilla

大家好,我在一個頁面上浮動兩個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接受,但是如果修復了高度,我會得到一個滾動條,或者可能會修剪一些東西。

這是適合您的代碼。 為您的div添加CSS:

#leftfixop909{
    position: absolute;
}

#otherdiv{
    position: relative;
}

而已。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM