javascript - mCustomScrollbar 滚动条显示在隐藏的 div 上

Question

我已经在这里看到了有关如何执行此操作的答案，但我无法让它发挥作用。也许另一双眼睛会有所帮助。我试图让滚动条出现在单击图像时弹出的 div 中。这是代码：（'modalcs'是弹出的div的名称）

和功能：

 function update_scroll(theID) 
 {
   document.getElementById(theID).style.display = 'block';
   $(".scrollable").mCustomScrollbar("update");
 }

在我的$(document).ready(function()我有：

$(".scrollable").mCustomScrollbar({
  theme:"dark-thick",
  scrollButtons:{
  enable:true,
  advanced:{  
  updateOnBrowserResize:true,   
  updateOnContentResize:true   
  }
 }
});

而且我知道在页面加载时，由于看不到隐藏的 div，因此滚动条无法看到其内容。

TIA 寻求帮助！

Answer 1

问题是“update”命令不对集合进行操作，所以如果 $(".scrollable") 返回多个元素，它只会更新第一个元素。采用$.each

$(".scrollable").each(function(){
   $(this).mCustomScrollbar("update");
});

另一方面，由于您正在对 1 个元素进行操作，因此您只需更改函数：

function update_scroll(theID) 
 {
   $('#' + theID).show().mCustomScrollbar("update");
 }