Añadir cross browser jscrollpane no funciona

Hola, estoy usando esto para cambiar la barra de desplazamiento predeterminada y este es el violín En el violín estoy escribiendo esto

(número de línea 122 en la sección html) para cambiar el desplazamiento predeterminado barra, pero si escribo esto, entonces el div completo desaparece. Esto se muestra antes del uso de jscrollpane.

este es el jquery

 $(function() { $('.scroll-pane').jScrollPane(); }); 

Línea número 213 en la sección js y esta es la CSS

 /* Styles specific to this particular page */ .scroll-pane { width: 100%; height: 200px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } 

Línea número 118 en la sección css

Como @Era dijo que jScrollpane tiene una height: 0 , no está obteniendo la altura del elemento principal ya que la pestaña está oculta en la carga.

Cambié el código de modo que se ejecute solo después de que la pestaña esté visible.

 Users $('body').on('shown', '#userlink', function () { if(!$('.scroll-pane').hasClass('jspScrollable')) { $('.scroll-pane').jScrollPane(); } }) 

Ver violín

En tu violín, jScrollpane está teniendo height:0 esto es porque jScrollpane tomará la altura de padre o como el contenedor padre. necesitas establecer algo de altura para el padre, entonces solo aparecerá.