[SOLUCIONADO] Problema con scrollbar en Chrome

[MindPaniC]

Hola a todos,

He instalado jQuery Reveal que basicamente abre ventanas modales con efectos. bien el contenido de la ventana modal debe estar en un div concreto y al hacer click abre el popup con efecto y tal. Hasta ahi todo funciona perfecto.

La cuestion es que dentro de ese popup va a ir una lista, quizas larga, entonces hay que hacer scroll vertical para ir viendo los "usuarios" de la lista. En firefox y Explorer funciona perfecto, pero en Chrome hay un fallo, sin haber abierto el popup me sale directamente la barra de scroll (desplazamiento) directamente en la pantalla y no se como quitarla.

Este es el codigo CSS que se corresponderia:

Código CSS:

.reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 50%;
        margin-left: -240px;
        width: 400px;
        background: #fff;
        overflow-y:auto;
        height: 400px; 
        position: absolute;
        z-index:101;
        padding:9px 9px 9px 9px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
 

Si os fijais todo se centra en el siguiente extracto de ese código:

Código CSS:

overflow-y:auto;
height: 400px;
 

Se supone que al ser el alto mayor de 400px aparece el scroll automaticamente y asi es, la cuestion es que sin aber abierto el popup aparece directamente la barra de scroll en Chrome.

¿Como lo puedo solucionar?

[ArturoGallegos]

prueba usar display:none en lugar de visibility:hidden

cuando usas visibility aunque este oculto sigue ocupando el espacio dentro de la pantalla, con display se oculta y deja de ocupar ese espacio

[MindPaniC]

Iniciado por ArturoGallegos

prueba usar display:none en lugar de visibility:hidden

cuando usas visibility aunque este oculto sigue ocupando el espacio dentro de la pantalla, con display se oculta y deja de ocupar ese espacio

He probado y no aparece el molesto scrollbar pero tampoco aparece el popup al hacer click.

[MindPaniC]

Solucionado,

Al final aplique display:none en el CSS y luego toque el jquery cambiando las variables que alteran el CSS. Genial!!!!