title: Javascript fixed scrolling positioning
body: <p>This is my <a href="http://aaloktrivedi.com/print_eff.html" rel="nofollow">site</a></p>
  
  <p>As you can see, I have the sidebar links scroll as I scroll down...but when you go down as far as the footer, the links overlap the footer and don't look good.</p>
  
  <p>I need a way so that the sidebar links are only about 20-30px from the top of the screen after I scroll down (say, about 350px give or take a few) and then return to its original position when I scroll back up.</p>
  
  <p>(if there's a way you can do something like this with just css, that would be ideal, but I'm pretty sure you can't)</p>