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;
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)