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

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

1 个答案: