Show div after scrolling 100px from the top of the page

Question

I found this, but this does it 100px before the bottom of the page. I need it 100px from the top of the page. I know how to implement it, I\'ve done other jquery animations,

Answer 1

Try this:

var menu = $("nav");
$(window).scroll(function(){
  //more then or equals to
  if($(window).scrollTop() >= 100 ){
       menu.show();

  //less then 100px from top
  } else {
     menu.hide();

  }
});