Error en WebKit al animar elementos con overflow hidden
BuenJS:
Estoy mostrando simultáneamente un vídeo HTML5 y un menú de thumbnails donde eliges el vídeo que quieres ver. Este menú, ya que hay más thumbnails que los que muestra, tiene la propiedad overflow= hidden'.
El menú tiene una animación para mostrarse/ocultarse y para hacer un slide de los thumbnails.
Todo va bien en los navegadores (que soportan HTML5 video, claro) salvo los basados en webkit (Chrome y Safari). Pero en este último caso la animación se produce a tirones, y muchas veces ni acaba, dejando el menú descolocado (sus thumbnails).
Lo que sí he comprobado es que el error aparece cuando el menú tiene el overflow='hidden' y se muestra el vídeo HTML5. Si oculto el vídeo, o elimino el overflow='hidden' todo va vien.
¿Alguien tiene una idea de cómo eliminar este problema? Hay alguna forma de ocultar (enmascarar) los elementos que quedan fuera de una capa sin recurrir a hidden?
Al final he recurrido a ocultar con 'opacity' los elementos que quedan fuera, pero no queda igual como si la capa estuviera esmascarada.
Un saludo.
didac
Y que tal con visibility:hidden; ?? Con esto, el espacio, que ocupa se mantendra, peró a lo mejor te sirve
Saludos
Lukánicos
Hola, didac:
A eso es a lo que me refería cuando hablaba de 'ocultar el vídeo'. Si el vídeo está oculto no presenta ningún problema. Pero, claro, el vídeo no puede estar oculto, ya que el usuario debe poder interactuar con el menú mientras está visionandolo, o lo tiene en pausa, pero 'visible'.
Un saludo.