Cabeçalho Fixo ao Rolar para Cima com Elementor

Código PHP:

				
					add_action('wp_footer', 'custom_hide_header_script');
function custom_hide_header_script() {
?>
<script type="text/javascript">
  (function() {
    var prevScrollpos = window.pageYOffset;
    window.onscroll = function() {
      var currentScrollPos = window.pageYOffset;
      if (prevScrollpos > currentScrollPos) {
          document.getElementById("scrolling-header").style.top = "0";
        } else {
          document.getElementById("scrolling-header").style.top = "-100px";
      }
      prevScrollpos = currentScrollPos;
    }
  })();
</script>
<?php
}
?>
				
			

Código CSS:

				
					.scrolling-header { 
	transition: all .5s ease !important;
}
				
			

Posts relacionados

Melhore a velocidade de carregamento do seu site WordPress com esses trechos de códigos
Descubra como adicionar códigos CSS no WordPress de forma gratuita apenas com o Elementor na versão gratuita.
Descubra como usar a Inteligência Artificial para criar os layouts dos seus sites e Landing Pages.
Aprenda a criar e enviar um e-mails de confirmação personalizado usando o Elementor PRO.

Preencha com suas informações