Implementar scrollbar personalizado a un div

[mensajeescrito]

Hola amigos a ver si me pueden ayudar:

Tengo el siguiente codigo que me permite personalizar mi barra de scrollbar y hacerla mas bonita esteticamente y un efecto smooth en el movimiento .


El asunto es que el objetivo es aplicarlo solo a un div cuyo id="contenedor_galeria"

pero lo que me ocurre es que a parte de implementarse en el div , tambien se implementa en el navegador de la pagina en el scroobar vertical.

y claro solo necesito que se impplemente en el div y no en digamos el body entero.

Si me pudieran ayudar les estaria muy agradecido este es el codigo:

Código Javascript:

var nice1,nice2;
      var body;
      var off;
    
      $(window).load(function(){
        off = $("#contenedor_galeria").position();
        off.top+=2;
        off.left+=2;
        $("#contenedor_galeria").scroll();
      });
      
      function initScroll() {
    
        var tb = $('#nctouch').prop("checked");
      
        if (nice1) nice1.remove();
      
        nice1 = $("#contenedor_galeria").niceScroll({touchbehavior:tb,cursorcolor:"#555452",cursoropacitymax:0.6,cursorwidth:5,horizrailenabled:true,background:"none",autohidemode:false});
        $("#ncver").html(nice1.version);
    
        $("#contenedor_galeria").scroll(function(e) {
          if (!off) return;
          var px = $("#contenedor_galeria").scrollLeft() - off.left;
          var py = $("#contenedor_galeria").scrollTop() - off.top;
          body.style.backgroundPosition=-px+"px "+-py+"px";
         
          $("#infoscrolll").html($("#contenedor_galeria").scrollLeft()+'x'+$("#contenedor_galeria").scrollTop());
        });
        
        $("#contenedor_galeria").scroll();
 
      }
      
      $(document).ready(function() {
      
        body = document.getElementsByTagName("body")[0];
      
        $('body').niceScroll({cursoropacitymax:0.8,cursorwidth:8});
        
        $('#nctouch').iphoneStyle().change(function(){      
          initScroll();
        });
        
        initScroll();
        
      });
      
      function getScroll(name) {
        $(name).scrollTop(Math.floor(Math.random()*3000));
      }
    
      function getScroll2D(name) {
        $(name).getNiceScroll().doScrollPos(Math.floor(Math.random()*4000),Math.floor(Math.random()*4000),150);
      }
 

Gracias de antemano.

[IsaBelM]

y si no has de usar jquery??

[mensajeescrito]

No te entiendo , como que si no has de usar jquery.

necesito el scrollbar personalizado en un div del documento pero que no me personalize tambien el scrollbar del body .


el codigo logicamente lo necesito y precisa de jquery para ello.

pero lo que se configura es este codigo que he puesto


Imagino que es una tonteria lo que hay que retocar pero no doy con la tecla por eso pido ayuda.

[mensajeescrito]

Bueno ya he dado con la solucion, para todo/toda persona que le pueda interesar:

solo hay que comentar esta linea:

Código Javascript:

//$('body').niceScroll({cursoropacitymax:0.8,cursorwidth:8});
 

Saludos.

[IsaBelM]

Iniciado por mensajeescrito

el codigo logicamente lo necesito y precisa de jquery para ello.

esto es lo que hace el uso abusivo de librerías; crear analfabetos funcionales en cuestión de programación