Encabezado flotante con zoom en la parte superior como theverge.com

Me gusta mucho el encabezado flotante en theverge.com . Cuando se desplaza hacia abajo, el encabezado permanece fijo en la parte superior y cuando se desplaza hacia un punto determinado, aparece el logotipo de Verge, que le permite hacer un zoom de nuevo.

¿Cómo reproduzco un encabezado similar? ¿Se puede hacer solo con HTML y CSS?

prueba esto con CSS

.fixedHeader { position:fixed; top: 0; } 

El pequeño botón que debes construir con jQuery. por lo tanto, debe verificar la propiedad scrollTop para saber cuándo se debe mostrar el botón. y si hace clic en el botón, debe .animate () la propiedad scrollTop con jQuery de nuevo a cero (0).

MANIFESTACIÓN

Y aquí con un pequeño botón y clic-evento:

MANIFESTACIÓN