title: Choppy/Laggy scroll event on Chrome and IE
body: <p>I am trying to have a content block always be shown to the user, even if he scrolls way down the page.  He should also be able to scroll up and down the content block.  Here is a fiddle with a stripped down version to show you what I mean:</p>
  
  <p><a href="http://jsfiddle.net/9ehfV/2/">http://jsfiddle.net/9ehfV/2/</a></p>
  
  <p>One should notice when scrolling down, until reaching the bottom of the red block, it will fix the block on the window, and when scrolling back up, it places it back.  </p>
  
  <p>In Firefox one can scroll up and down and the fixing/unfixing described above is imperceptible – smooth as silk.</p>
  
  <p>Once one tries scrolling in Chrome or IE, though, it seems like the scroll event lags and one can see the block "glitching" for a second. It's not code lag – it seems to be something with the browsers.</p>
  
  <p>Is there any way to fix this?  I'm at my wit's end.  </p>
  
  <p>I'd appreciate suggestions on how I can achieve the same effect in a different way...thanks</p>