Попытка заставить navbar исчезнуть на свитке

Question

Использование jQuery - Я пытаюсь заставить свой фон панели навигации исчезать при прокрутке. Я добавил функцию прокрутки, но не могу заставить фоновый эффект работать. Любая помощь приветствуется. Спасибо.

nav {
 width: 100%;
 height: 55px;
 position: fixed;
 background: transparent;
}

$(window).scroll(function(){
    if (document.body.scrollTop > 20 || 
        document.documentElement.scrollTop > 150) {
        document.getElementById('nav').style.top = "0";
      } else {
        document.getElementById('nav').style.top = "-50px";
      }
});

$(window).scroll(function() {
    $('nav').fadeIn();
});