header lags behind when scrolling

Question

I tried to find something about this on the net, and although it's a minor issue, I feel as if it impacts the site experience. Furthermore, depending on the browser or speed of your computer, you may not notice this problem.

The issue is I have a fixed header on my site. When scrolling up or down, it seems to lag or drag behind... it stays fixed at the top, but while you scroll it jutters and drags at a different pace.

You can see for yourself, here.

It's doing my head in - it seems to only happen on the portfolio page, and not the home page.

Answer 1

I had same issue on Chrome. Solved it by adding

-webkit-backface-visibility: hidden;

to the header element in my stylesheet;

There is good article regarding this.

Hope this helps.