Encabezados fijos: 5 formas de mejorarlos | Programar Plus

Page Laubheimer dice que si vas a hacer un encabezado pegajoso …

  1. Mantenlo pequeño.
  2. Contraste visualmente con el resto de la página.
  3. Si se va a mover, manténgalo al mínimo. (Yo diría respeto prefers-reduced-motion.)
  4. Considere “encabezados parcialmente persistentes”. (Jemima Abu lo llama Smart Navbar).
  5. De hecho, tal vez ni siquiera lo hagas.

Por lo general, me gusta el término encabezado “fijo” porque implica que debes usar position: sticky para ellos, que creo que deberías. Solía ​​estar hecho con position: fixed, pero eso fue más complicado de lograr ya que el encabezado se movería dentro y fuera del flujo del documento. El uso del posicionamiento fijo ayuda a reservar ese espacio automáticamente sin JavaScript ni números mágicos.

Enlace directo →

(Visited 5 times, 1 visits today)