Ele não monta a barra de scroll em elementos que estão com "display: none". Alguém sabe como resolver?
2 Respostas
Coloca um handler pros seus elementos pra quando eles forem exibidos:
$('.elemento').each(function() {
if (!$(this).is(':visible')) {
return;
}
$(this).mCustomScrollbar({
scrollButtons: {
enable: true
}
});
});
O elemento só pode ser utilizado pelo jQuery quando o elemento estiver comi display:block ou algo similar, Você poderia tentar aplicar a custom Scrollbar assim que o elemento for exibido.
Faça a pergunta assim mesmo: Qual a ação realizada para que você consiga aplicar o custom scrollbar? "é no evento click de algum elemento que está sendo exibido", logo chame a montagem da custom scrollbar no evento.
display: none
o DOM não calcula dimensões e composição desse elemento, sem isso não é possível adicionar um scroll nele.