Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/01/2013, 15:16
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
Exclamación Problema con scrollbar en Chrome

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:
Ver original
  1. .reveal-modal {
  2.         visibility: hidden;
  3.         top: 100px;
  4.         left: 50%;
  5.         margin-left: -240px;
  6.         width: 400px;
  7.         background: #fff;
  8.         overflow-y:auto;
  9.         height: 400px;
  10.         position: absolute;
  11.         z-index:101;
  12.         padding:9px 9px 9px 9px;
  13.         -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  14.         -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  15.         -box-shadow: 0 0 10px rgba(0,0,0,.4);
  16.         }

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

Código CSS:
Ver original
  1. overflow-y:auto;
  2. 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?