Problema en función de estilos a un scrollbar

[mensajeescrito]

Hola amigos, os cuento mi pequeño gran problema de novato.

Que por mas que lo intento no doy con la solucion y auguro que es facil pero estoy tan verde que por mas que lo intento no me sale:

Miren tengo esta funcion que me aplica unos estilos css a mi scrollbar a un div llamado "contenido_somos" mediante:

Código Javascript:

<script>
            (function($){
                $(window).load(function(){
                    $(".contenido_somos").mCustomScrollbar({
                        scrollButtons:{
                            enable:true
                        }
                    }); 
                });
            })(jQuery);
        </script>
 

Y esto funciona muy bien, pero quiero aplicárselos también a la vez a un div cuya clase se llama "contenido_contacto" en donde tengo un segundo scrollbar y no consigo que me vaya en los dos lados a la vez .

He puesto esto:

Código Javascript:

<script>
            (function($){
                $(window).load(function(){
                    $(".contenido_contacto").mCustomScrollbar({
                        scrollButtons:{
                            enable:true
                        }
                    }); 
                });
            })(jQuery);
        </script>
 

Si me pudieran ayudar les estaría muy agradecido.

Un saludo.

[quimfv]

Código Javascript:

<script>
                (function($){
                    $(window).load(function(){
                        $(".contenido_somos").mCustomScrollbar({
                            scrollButtons:{
                                enable:true
                            }
                        });
                        $(".contenido_contacto").mCustomScrollbar({
                             scrollButtons:{
                                 enable:true
                        }
                    }); 
                    });
                })(jQuery);
            </script>
 

Y todo a la vez....

[mensajeescrito]

Muchas gracias por resoverme la duda. )))))

[mensajeescrito]

Vaya un ultimo problema a ver si me pueden ayudar:

Tengo la siguiente funcion tal que asi:

Código Javascript:

<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" />  
 
        <script src="js/jquery-1.9.1.min.js"></script>
 
        <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
 
        <script>
        
                (function($){
                    $(window).load(function(){
                        
                        $(".contenido_somos").mCustomScrollbar({
                            scrollButtons:{
                                enable:true
                                }
                            });
 
 
                        $(".contenido_contacto").mCustomScrollbar({
                            scrollButtons:{
                                enable:true
                                }
                            });
 
 
 
                    });
                })(jQuery);
                
          </script>
 

Pero el tema esta en que tengo dos divs uno llamado "CONTENIDO SOMOS" y el otro "CONTENIDO_CONTACTAR".

Y en los dos tengo el mismo tipo de scrollbar que es lo que hace este codigo.

Pero es que cuando hago aparecer mediante un fade javascript el primer div aparece el scroll y en el segundo no . y cuando habro primero el segundo div es en el primer div donde no se ve despues el scrollbar.

Y no se porque


?¿

pueden ayudame please , es lo unico que me falta por resolver.