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

我在这里看到了关于如何做到这一点的答案，但我就是无法让它发挥作用。也许另一双眼睛会有帮助。我试图让滚动条出现在一个div中，单击图像时会弹出该div。下面是代码： （'modalcs'是弹出的div的名称）

以及功能：

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

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

在我的

$（文档）.ready（函数（）

中，我有：

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

我知道在页面加载时，由于看不到隐藏的div，所以滚动条无法看到其内容

TIA获取任何帮助！

问题在于“更新”命令不操作集合，因此如果$（“.scrollable”）返回多个元素，它将只更新第一个元素。请使用

$。每个

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

另一方面，由于您操作的是1个元素，因此只需更改功能即可：

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

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

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

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

另一方面，由于您操作的是1个元素，因此只需更改功能即可：

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

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

谢谢@Prateek的编辑。这是我第一次发表文章！你的编辑肯定比我的更漂亮。：）谢谢@Prateek的编辑。这是我的第一篇帖子！你的编辑肯定比我的好看。：）谢谢你@Darhazer！你的解决方案对我来说并不奏效，但它让我朝着正确的方向前进。最后我使用了：函数update_scroll（theID）{$（'#'+theID）.show（）；$（“.scrollable”）.mCustomScrollbar（“update”）}。谢谢@Darhazer！你的解决方案对我来说并不奏效，但它让我朝着正确的方向前进。最后我使用了：函数update_scroll（theID）{$（'#'+theID）.show（）；$（“.scrollable”）.mCustomScrollbar（“update”）}