0

Buen día.

Quisiera que me puedan dar una mano, estoy intentando dejar un nav fijo en la parte superior de la pantalla. Yo sé que eso se puede lograr con position: fixed;

Pero el detalle es que ese nav está debajo de un encabezado. Quisiera que el navbar se quede fijo al momento de que baje la pantalla y desaparezca el título de arriba.

Espero me entiendan y puedan ayudarme.

introducir la descripción de la imagen aquí

Así es mi página, quisiera que el navbar que está debajo del título quede fijo en la parte superior al bajar.

introducir la descripción de la imagen aquí

Gracias de antemano.

2
  • 2
    Deberías publicar el código de lo que has intentado hacer para que podamos ayudarte. De todos modos, hecha un vistazo a este link: w3schools.com/howto/howto_js_sticky_header.asp
    – andyio
    Commented el 13 oct. 2021 a las 4:57
  • @andyio Muchas gracias por tu comentarios, creo que con el link es suficiente muchas gracias por tu ayuda. Tomaré en cuenta lo de subir mi código. Commented el 13 oct. 2021 a las 8:47

1 respuesta 1

0

Para estos casos, o se hace via JS o con la propiedad display: sticky.

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

Puedes ver más información aquí: https://www.w3schools.com/howto/howto_css_sticky_element.asp

1
  • Gracias amigo, me sirvió, quería buscarlo en internet pero no sabía como encontrarlo. Muchas gracias por el apoyo. Commented el 13 oct. 2021 a las 8:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.