Weird webkit issue with position: fixed

Question

http://workshop.wpcoder.com/daniel/tvexperts/

In Chrome, if you click \"Production\" and then \"Contact\" the position: fixed header disappears, but comes back when

Answer 1

One method of solving this issue is to force the fixed-position elements into their own render layers. This can be done by applying a 3d transform, for example:

.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

Hope this helps.