title: Jquery Show and hide on scroll
body: <p>I am trying to create a image to show after a 900px scroll but hide when it has reached 700px</p>
  
  <p>It works on scroll down but when im not sure how to hide it after a certain about amount of pixels </p>
  
  <p>here is my code. </p>
  
  <pre><code>    $(document).scroll(function () {
      var y = $(this).scrollTop();
      if (y &gt; 900) {
          $('.bottom-signup').fadeIn(1000);
      } else {
          $('.bottom-signup').fadeOut(700);
      }
  
  });
  </code></pre>
  
  <p>Thanks guys 
  see demo </p>
  
  <p><a href="http://jsfiddle.net/uhUWC/" rel="nofollow">http://jsfiddle.net/uhUWC/</a></p>