Elementor Snippets & Hacks

Show when scrolling down and hide when scrolling up (Custom sticky header for Elementor)

Code Snippet: PHP

var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("stickyheaders").style.top = "-1000px";
  } else {
    document.getElementById("stickyheaders").style.top = 'var(--wp-admin--admin-bar--height,0)';
  }
  prevScrollpos = currentScrollPos;
}