Menú fijo (pegajoso) que al desplazarse hacia abajo se oculta

Te vamos a enseñar cómo hacer que la barra de menú de tu blog se queda visible (menú pegajoso) en la parte superior, eso sí, estará visible sólo cuando se desplace (scroll) hacia la parte superior de la página, cuando el desplazamiento (scroll) se haga hacía la parte inferior de la misma esta se ocultara para no distraer al visitante sobre lo que esta leyendo, esta función se puede ver en esta misma página, en la que podrás comprobar el funcionamiento del menú. Para implantarlo en tu blog sigue las instrucciones que te detallamos a continuación:

Empezaremos con los estilos CSS, justo debajo de añade este código:

.menu_flotante{position:fixed;left:0;top:0;right:0;transition:all 1s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:999}.scroll{top:-50px}.no-scroll{top:0;z-index:999}

Ahora busca en tu plantilla

(o algo similar) y añade a esa etiqueta esto:

class='menu_flotante'

te tiene que quedar algo así:

Ahora encima de la etiqueta