Makes a nav bar appear when scrolling upward

upscroll.js

var position = $(window).scrollTop(); // should start at 0




$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    var el = document.getElementById('topbar');
    var soc = document.getElementById('social');
    var nav = document.getElementById('navlinks');
  	
    
    console.log('scroll');

    if(scroll > position) {
         // scrolling downwards
         console.log ( 'DownScroll' );
         el.style.backgroundColor = 'transparent';
         soc.style.visibility = 'hidden';
         nav.style.visibility = 'hidden';
    } else {
         // scrlling upwards
         console.log ( 'Upscroll' );
         el.style.backgroundColor = "#0cb189";
         soc.style.visibility = 'visible';
         nav.style.visibility = 'visible';
    }

    if (scroll == 0) {
        soc.style.visibility = 'visible';
        nav.style.visibility = 'visible';
        el.style.backgroundColor = 'transparent';
    };

    position = scroll;

});