title: Prevent fixed position element from flickering during jQuery animation
body: <p>This question lends itself to both normal jQuery and jQuery Mobile sites, as I am currently working on one of each at the moment with the same issue. This of course is only an issue on mobile devices, or at least iPhone 4.</p>
  
  <p>Quite simply, a header is set with <code>position: fixed; top: 0;</code>. When I use the jQuery <code>animate()</code> function, either to scroll to a specific element or the top of the page, the header jumps up and down off the top of the screen, as if it can't keep up with the scrolling page.</p>
  
  <p>Is this simply a hardware limitation of mobile devices or is there something I can do to eliminate or at least minimize this occurrence?</p>