Foros del Web » Programando para Internet » Jquery »

Dar estilos a un scrollbar anidado en divs

Estas en el tema de Dar estilos a un scrollbar anidado en divs en el foro de Jquery en Foros del Web. Hola amigos a ver si alguien me puede ayudar en esto: Tengo un scrollbar que funciona bien. Se entiende que es un div "B" que ...
  #1 (permalink)  
Antiguo 18/06/2014, 07:29
 
Fecha de Ingreso: mayo-2012
Mensajes: 750
Antigüedad: 8 años, 10 meses
Puntos: 5
Dar estilos a un scrollbar anidado en divs

Hola amigos a ver si alguien me puede ayudar en esto:

Tengo un scrollbar que funciona bien.

Se entiende que es un div "B" que contiene a su vez otro div "C" y que sube y baja este "C" mediante un scrollbal.

OK

el tema esta en que este scrollbar esta personalizado con estilos mediante jquery.

para ello el jquery hace su efecto sobre el div "B".

Ok

Bien por el diseño de mi web, me veo obligado a que el div "B" esté a su vez dentro de otro div "A". Y es ahí donde jquery no detecta el div "B" y no le aplica los estilos personalizados. y en su lugar me sale un scrollbar por defecto del navegador algo feo.


¿Que tendría que poner en el siguiente codigo de jquery para que el div "B" me detectase los estilos del jquery?


Supongamos que los divs son ids asi:


Código HTML:
Ver original
  1. <div id="A">
  2.  
  3.       <div id="B">
  4.  
  5.           <div id="C">
  6.                   contenido del scrollbar
  7.           </div>
  8.  
  9.        </div>
  10.  
  11. </div>


Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3.             $("#B").niceScroll({touchbehavior:false,cursorcolor:"#555452",cursoropacitymax:0.7,cursorwidth:5,background:"none",autohidemode:false});
  4.            
  5.           });



He probado a poner algo asi como lo siguiente pero no funciona, pero se que por ahí van los tiros, creo:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.      
  3.                 $("#A div#B").niceScroll({touchbehavior:false,cursorcolor:"#555452",cursoropacitymax:0.7,cursorwidth:5,background:"none",autohidemode:false});
  4.                
  5.               });



Gracias de antemano.

Etiquetas: divs, estilos, scrollbar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:14.