将Jquery Div内容高度设置为百分比？

Question

您好我正在使用Jquery div scoller - ＆gt; http://tiffanyevansofficial.com/wp-content/themes/withlovete/malihu-custom-scrollbar-plugin-master/examples/infinite_scroll_example.html

<div class="innercontent">
        <section id="examples">

            <!-- content -->
            <div id="infinite-scroll" class="content">
            CONTENT GOES HERE
                </div>
            </div>

        </section>
    </div>
</div>

我的.innercontent div设置为90％的高度但是当我尝试设置Jquery div #infite-scroll时，whixh设置为自动高度，.content设置为90％滚动条的高度消失，不允许滚动。

如何解决此问题？我应该在下面的代码中做些什么吗？

  

（function（$）{$（window）.load（function（）{

          $(".content").mCustomScrollbar({
              theme:"light-2",
              scrollButtons:{
                  enable:true
              },
              callbacks:{
                  onTotalScroll:function(){ addContent(this) },
                  onTotalScrollOffset:100,
                  alwaysTriggerOffsets:false
              }
          });

          function addContent(el){
              var c="<h2>Appended content</h2>";
              for(var i=0; i<3; i++){
                  c+="<p>"+el.mcs.content.find("p:eq("+i+")").html()+"</p>";
              }
              c+="<p>End of appended content.</p>";
              el.mcs.content.append(c);
              $(".offset").appendTo(el.mcs.content);
          }
                      });         })(jQuery);     </script>