Zmiana klasy CSS po przewinięciu 1000px w dół

Question

Chcę, aby stałe menu pojawiło się w lewej kolumnie mojej witryny, gdy użytkownik przewinie 1000px w dół, ale nie mam dużego doświadczenia z jQuery/JS. Myślałem, że coś jak to będzie działać, ale nie robi nic:

HTML:

<div id="menu">[MENU_WILL_GO_HERE]</div> 

STYLE:

#menu{display:none;}​ 

JQ:

var fixed = false; 
​$(document).scroll(function() { 
    if($(this).scrollTop() > 100) { 
     if(!fixed) { 
      fixed = true; 
      $('#menu').css({position:'fixed', display:'block'}); 
     } 
     } else { 
      if(fixed) { 
       fixed = false; 
       $('#menu').css({display:'none'}); 
     } 
    } 
});​ 

Q:

Czy istnieje dlaczego to nie działa? Kod jest przykładem na http://jsfiddle.net/roXon/psvn9/1/, a nawet gdy kopiuję/wklejam ten przykład dokładnie tak, jak na pustą stronę html, z linkiem do najnowszej biblioteki jquery, nadal nie działa tak jak na tej stronie jsfiddle. Co mogłem przeoczyć?

Answer 1

Twoje szelki są błędne w przykładzie, ale niezależnie, można uprościć kod:

CSS:

#menu { 
    display : none; 
    position : fixed; 
} 

JS:

$(document).scroll(function() { 
    $('#menu').toggle($(this).scrollTop()>1000) 
});​ 

Demo : http://jsfiddle.net/elclanrs/h3qyV/1/

Answer 2

Edycja jak ten

if($(this).scrollTop() > 1000) 

szukasz 1000px przewijania, ale wydaje 100px ze względu na to, z kodu