jQuery - Hide element upon scroll

Question

$(window).scroll(function() { 
  var navbarLivemag = $('#livemag-default .navbar');
  $('#livemag-default .navbar').show();
});

 

Answer 1

$(window).scroll(function() {
  var navbarLivemag = $('#livemag-default .navbar');
  if ($(this).scrollTop()>0) {
    $(navbarLivemag).fadeIn();
  }
  else {
    $(navbarLivemag).fadeOut(300);
  }
});