Error scroll

Buenas betas espero una manito con este scroll, bueno puse el js, css normal, en el header, pero este no ejecuta el scroll en el listado de capituos de mi web, la verdad creo
que estoy haciendo mal en la función. dejo aquí haber si me hechan una mano.

<div class="panel panel-default">

<div class="panel-heading">
<h3><i class="icon-list-ol"></i> Lista de capítulos</h3>
</div>
<div class="capitulos-list scroll-fb" tabindex="5000" style="overflow: hidden; outline: none;"> --------aqui debe empezar el scroll, aqui empieza lista de cap

<!-- Table -->
<table class="table table-hover">
<tbody>
<tr>
<td>
<i class="icon-eye"></i>
<a href="http://submanga.com/kuroshitsuji/c1">Kuroshitsuji 1</a>
</td>
<td><i class="icon-clock-o"></i> <time class="timeago" datetime="2016-05-15 21:36:45">Hace una hora</time></td>
</tr>

</tbody>
</table>

</div>

</div>


este es el js que no funciona para ser el scroll con el codigo de arriba

< script >
( function ( $ ) {
$ ( window ) . on ( "load" , function ( ) {
$ ( ".content" ) . mCustomScrollbar ( ) ;
} ) ;
} ) ( jQuery ) ;
< / script >


web del scroll

jQuery custom content scroller – malihu | web design

Pueden ser varias cositas... para ir quitando opciones proba reemplazando

$ ( ".content" ) . mCustomScrollbar ( ) ;

por

$ ( ".capitulos-list scroll-fb" ) . mCustomScrollbar ( ) ;


y quitale el overflow: hidden; a capitulos-list scroll-fb

Hyu puedes pasar la url de donde tienes la pagina con error y todo?