Menu Sticky

Menu Sticky
Descargar proyecto demo sin menu Sticky

Descargar proyecto demo con menu Sticky

Obfuscator

---

CSS Menu Sticky

.sticky{
position: fixed;
top:0;
width: 100%;
}

---

Javascript Menu Sticky

<script>
  /**javascript menu fijo**/
window.onscroll = function() {myFunction()};

var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;


function myFunction() {
  console.log(navbar);
  console.log(sticky);
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}
</script>