Como ocultar la cabecera de pagina WordPress al hacer Scroll + Video

wordpress wp blog hide header on scroll javascript jquery nav menu

En ocasiones necesitamos en una pagina web ocultar la cabecera de la misma al realizar scroll down ó scroll up (desplazamiento hacia abajo ó hacia arriba), o establecer algún otro comportamiento al realizar esta acción, como podría ser agrandar o disminuir un logo, ajustar el menu, etc…

Generalmente este comportamiento lo queremos incorporar en aquellas paginas que tienen la cabecera ó el menú con posición fija (position: fixed;) es decir que al hacer scroll se mantiene el elemento en la misma zona.

Sigue leyendo