entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

¿Cómo colocar dos menús con FIXED?

Lo que deseo hacer es tener un menú en top y debajo del banner otro menú, y cuando baje el scroll ambos se peguen arriba..pero el segundo menú toma la distancia entre el primer menú y el segundo, deseo que ambos se peguen arriba.

enter image description here

0voto

Peter comentado

¿Y como tienes el html y el CSS?

Por favor edita tu pregunta y agrégalo, para saber que estructura tiene.

Saludos.

0voto

Villanuevand comentado

Necesitamos ver el HTML y CSS para poder indagar sobre tú problema

0voto

imadorik comentado

Aquí está el body

<body>

    <nav>
        <ul>
            <li>OPCION1</li>
            <li>OPCION2</li>
            <li>OPCION3</li>
            <li>OPCION4</li>
        </ul>
    </nav>
    <div class="banner">1</div>
    <nav>
        <ul>
            <li>OPCION1</li>
            <li>OPCION2</li>
            <li>OPCION3</li>
        </ul>
    </nav>
</body> 

y aquí el css

body {
  height: 2000px;
}

.banner {
  height: 500px;
  border: 1px solid black;
  background-color: red;
}

ul {
  height: 50px;
  position: fixed;
}
li {
  float: left;
  width: 200px;
  background-color: black;
  color: white;
  list-style: none;
}

Entonces como verán lo que deseo es que los dos menús se peguen a top al tener fixed pero el segundo li toma la distancia que tendría el banner, quiero una solución a esto.

0voto

Peter comentado

Moví tu respuesta a comentario, porque no es respuesta a la pregunta :)

1 Respuesta

1voto

Villanuevand Puntos5730

Ojalá esto sea lo que estás buscando realizar. => http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/
Iba a hacerlo en JSFiddle pero si ya está listo para que reinvertar la rueda =)

Saludos, que te sea de utilidad.

0voto

Leonardo-Tadei comentado

A mi me parece muy buena solución +1 !

0voto

Villanuevand comentado

Según entendí era lo que nuestro compañero estaba intentando.
Ojalá sea así, y lo pueda utilizar.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta