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

我在这里看到了有关如何执行此操作的答案，但是我无法使其正常工作。也许另一双眼睛会有所帮助。我试图让滚动条显示在单击图像时弹出的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寻求任何帮助！

最佳答案

问题是“更新”命令不能对集合进行操作，因此如果$（“。scrollable”）返回多个元素，则它将仅更新第一个元素。使用$.each

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

另一方面，由于要对1个元素进行操作，因此只需更改功能即可：

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