jquery - mCustomScrollbar - 滚动条仅出现在 F12 按下（开发工具/Firebug）而不是隐藏元素/div

Question

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

直到您重新调整窗口大小或按 F12（在 IE9 和 FF 上测试 - 因此是 Developer 和 Firebug），滚动条才会显示。只要您这样做，代码就会启动。元素最初是隐藏的，并使用 .show() 或 .fadeIn() 显示

CSS：

.info-text {
    width: 230px;
    height: 170px;
    overflow: hidden;
    display: block;
}

HTML：

<p class = "info-text">
Lorem...
</p>

JS：

$(".info-text").mCustomScrollbar();

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

score 5 · Accepted Answer

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

advanced:{  
    updateOnContentResize:true,   
    updateOnBrowserResize:true
  }

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

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

  } 
});

score 1 · Accepted Answer

解决了。它没有触发的原因是因为我试图将功能添加到最初不可见的 div 上，然后使用 .fadeIn() 引入。出于某种原因，它不喜欢那样。我不得不使用：

.mCustomScrollbar('update');

在元素可见后引入滚动条。所以在我的情况下是：

$("#elementFadingIn").fadeIn(500, function() {

    $("#elementFadingIn .scrollableElement").mCustomScrollbar('update');

});

然后它起作用了。

2 回答 2