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