title: jQuery .scrollTop confusion
body: <p>Could anyone help me with this JavaScript?</p>
  
  <p>I want a <code>div</code> to show when you scroll down over 1000 pixels, currently it works with the script below but it shows instantly when scrolled. </p>
  
  <p>I tried setting it to <code>&gt;1000</code> and it doesn't show at all?</p>
  
  <p>Any ideas? </p>
  
  <pre><code>$(window).scroll( function(){
  
      /* Check the location of each desired element */
      $('.hideme').each( function(i){
  
          /* If the object is completely visible in the window, fade it in */
          if ($(this).scrollTop() &lt; 1000){
              $(this).animate({'opacity':'1'},900);
          }
      }); 
  });
  </code></pre>