La respuesta de Stephen Punwasi es acertada. Personalmente, prefiero agregar el relleno al primer elemento a la vista, esto es más específico.
La misma técnica se utiliza en el patrón de diseño ‘Encabezado fijo en desplazamiento’. Empieza configurando un encabezado con ‘position: fixed’, y agrega relleno en la parte superior del elemento después del encabezado.
Con JavaScript puede consultar el evento de desplazamiento de la página. Si la parte superior de la página se ha desplazado fuera de la vista, puede:
– Deje la barra flotando sobre la parte superior de la página. Para que el usuario entienda lo que está sucediendo, ayuda a animar la barra a un estado un poco menos alto.
– Mueva la barra fuera de la vista, solo para mostrarla nuevamente al desplazarse hacia arriba.
- Cómo mover cada elemento individualmente unos pocos píxeles usando CSS
- Si alojo un sitio HTML simple, sencillo, de una página y codificado a mano en un servidor en casa que no requiere que los usuarios inicien sesión, ¿es probable que mi sitio web pueda ser pirateado?
- Tomé un curso sobre desarrollo web front-end y quería comenzar un negocio de diseño web. Todavía quiero pero tengo miedo, ¿cómo puedo superar esto?
- Hago desarrollo web. ¿Cómo puedo obtener más clientes?
- He estado aprendiendo JavaScript y Jquery durante un par de meses y quiero pasar a angular.js y node.js. ¿Debo aprender node.js primero? ¿O aprender angular primero?
También puede combinar estos dos: estoy usando esto en mi sitio: http://crst.nl/about.
Ves el patrón en iOS Safari. Es útil porque deja espacio para el contenido y despeja la interfaz.