title: How to halt a div after scrolling a bit using jquery
body: <p>I want a div to be vertically fixed at a defined scrolllevel. I tried this:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id='something'&gt;Something! &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#something { 
      position:relative;
  }
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$(window).scroll(function(){
      if ($window.scrollTop() &gt; 50){
          $("#something").css({"top": ($(window).scrollTop()) -50 + "px"});
      }
  });
  </code></pre>
  
  <p>Here is a demo: <a href="http://jsfiddle.net/1Blerk/3jacz/4/" rel="nofollow">http://jsfiddle.net/1Blerk/3jacz/4/</a> 
  (#something should do the same as #headerMenu, but after some scrolling)</p>
  
  <p>And i do not want to change position to be fixed!</p>
  
  <p>I am not really familiar with JQuery, so i guess it is just some parantheses or a selector or...</p>
  
  <p>Thanks in advance!</p>