10x hauseigene Polo aus unserem Vorlauf

<?php

function vc_quicknav_scripts() {
	wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'vc_quicknav_scripts' );

add_action('wp_head', function(){ ?>
<script>
var lastScrollTop; // This Varibale will store the top position

var navbar = document.getElementById('quicknav'); // Get The NavBar

window.addEventListener('scroll', function() {
  //on every scroll this funtion will be called

  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  //This line will get the location on scroll

  if (scrollTop > lastScrollTop) { //if it will be greater than the previous
    if (!quicknav.classList.contains("visiable")) {
      quicknav.classList.add("visiable");
    }
    //set the value to the negetive of height of navbar 
  } else {
    if (quicknav.classList.contains("visiable")) {
      quicknav.classList.remove("visiable");
    }
  }

  lastScrollTop = scrollTop; //New Position Stored
});
</script>
<style>
#quicknav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  /*Define a height for NavBar*/
  height: 40px;
  transform: translateY(-40px) scale(0);
  opacity: 0;
  transition: 0.9s;
  /*and a transition time for a smooth appearence*/
}

#quicknav.visiable {
  transform: translateY(0px) scale(1);
  opacity: 1;
	}
</style>
<?php }, 999);