title: div stay fixed at a certain point onscroll
body: <p>There is a div, style fixed 60px from top. I want when I scroll down and the distance of div from top reached 10px, the div stop there for the rest of scrolling also when I scroll up it goes back to the old style 60px from top. I did a lot of search but I did not found anything like this. But there is a code which calculate distance from top: </p>
  
  <pre><code>var scrollTop     = $(window).scrollTop(),
      elementOffset = $('#my-element').offset().top,
      distance      = (elementOffset - scrollTop);
  </code></pre>