Hide On Sroll (mobile)

// OnScroll Hide (Mobile)
    var prevScrollpos = window.pageYOffset;
    window.onscroll = function() {
      var currentScrollPos = window.pageYOffset;
      if (prevScrollpos > currentScrollPos || document.body.scrollTop <= 10) {
        document.getElementById('navbar').style.top = '0';
        // document.getElementById('navbar').style.opacity = '1';
      } else {
        document.getElementById('navbar').style.top = '-500px';
      }
      if (document.body.scrollTop <= 10) {
        document.getElementById('navbar').style.opacity = '1';
      }
      prevScrollpos = currentScrollPos;
    };