Absolute Positioned Floating Header Jitters in Safari

Question

I have a simple JSFiddle of a single floating header here:

http://jsfiddle.net/zT9KQ/

Basically, this uses translate3d to kick in the GPU and ha

Answer 1

Scroll events are sent asynchronously in various browsers; you should not rely on them to do things like this.

The best solution would be to use position:-webkit-sticky; top: 0;