Encabezados fijos: 5 formas de mejorarlos

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

1. Mantenlo pequeño.
2. Compártelo visualmente con el resto de la página.
3. Si se va a mover, manténgalo al mínimo. (Yo diría, respetoprefers-reduced-motion ).
4. Considere los “encabezados parcialmente persistentes”. (Jemima Abu lo llama barra de navegación inteligente ).
5. En realidad, tal vez ni siquiera lo hagas.

En general, me gusta el término encabezado “fijo”, porque implica que debes usarlo position: stickypara ellos, lo cual creo que deberías hacer. Solía ​​​​hacerse con position: fixed, pero era más complicado de lograr ya que el encabezado entraba y salía del flujo del documento. El uso de posicionamiento fijo ayuda a reservar ese espacio automáticamente sin JavaScript ni números mágicos .