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");
 }