Sticky menu maison

  1. Ajouter le code javascript

<!– Hide and Show Desktop Header –>
<script>
document.getElementById(« big-header »).style.visibility = « visible »;
document.getElementById(« small-header »).style.visibility = « hidden »;
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
document.getElementById(« big-header »).style.visibility = « visible »;
document.getElementById(« small-header »).style.visibility = « hidden »;
  } else {
document.getElementById(« big-header »).style.visibility = « hidden »;
document.getElementById(« small-header »).style.visibility = « visible »;
  }
  prevScrollpos = currentScrollPos;
}
</script>

2) Créer la section du menu « big-header »

2) Créer la section du menu « small-header »