mCustomScrollbar - 滚动条仅出现在F12上(开发工具/ Firebug)而非隐藏元素/ div

use*_*ffg 3 css jquery scrollbar custom-component mcustomscrollbar

mCustomScrollbar有一个奇怪的问题 - 这里有类似的问题:

顽固的问题与流行的自定义滚动条

在重新调整窗口大小或按F12(在IE9和FF上测试 - 所以Developer和Firebug)之前,滚动条不会显示.只要你这样做,代码就会启动.元素最初是隐藏的,并使用.show()或.fadeIn()显示

CSS:

.info-text {
    width: 230px;
    height: 170px;
    overflow: hidden;
    display: block;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<p class = "info-text">
Lorem...
</p>
Run Code Online (Sandbox Code Playgroud)

JS:

$(".info-text").mCustomScrollbar();
Run Code Online (Sandbox Code Playgroud)

JS是在一个 $(window).load(function(){...

Sto*_*son 5

您可以在初始时尝试使用该属性

advanced:{  
    updateOnContentResize:true,   
    updateOnBrowserResize:true
  } 
Run Code Online (Sandbox Code Playgroud)

所以你应该有类似的东西:

$(".info-text").mCustomScrollbar({
   advanced:{  
    updateOnContentResize:true,   
    updateOnBrowserResize:true   

  } 
});
Run Code Online (Sandbox Code Playgroud)