Saltar al contenido

CSS desbordamiento-y:visible, desbordamiento-x:desplazamiento

este problema se puede tratar de diferentes maneras, pero te mostramos la solución más completa en nuestra opinión.

Solución:

¡Me lo imaginé!

El padre debe ser overflow:auto; El .child debe ser position:relative; El menú .child debe ser position:fixed; con NO posicionamiento superior o izquierdo. Si hace esto, lo mantendrá alineado con el contenido.

Si necesita mover el menú secundario, use los márgenes y no la parte superior o la izquierda. Ejemplo margin-left:-100px;

EDITAR

Como parece que la gente todavía usa esto, tenga en cuenta que tendrá que usar javascript para mover los elementos fijos a medida que se desplaza la página.

¡Aquí se resolvió! Usan css y JS.

.child:hover .child-menu  display: block; 

 .parent  overflow-y:auto; overflow-x:hidden; width:100px; height:150px  
    .child  position:static; 
    .child-menu  position:absolute; display:inline-block; display: none; 

Popping Out of Hidden Overflow

https://jsfiddle.net/68fBE/2/

Comentarios y valoraciones

No se te olvide mostrar esta reseña si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *