When Scrolling Lines Appear

[charlie-volpe]

Hey CSS-Tricks Forum,

I am working on my website and I have a fixed header for the menu on top. When I first load the page it looks fine but then when I scroll down and then back up I get this:

You should be able to see the issue here below:

However when I tried to recreate it with minimal code in codepen I couldn’t get it to do the same thing… anyone know what is going on here / seen this before?

See the Pen Header Line Issue by Charlie Volpe (@charlie-volpe) on CodePen.

Thanks in advance for reading!

Cheers!

[charlie-volpe]

I was seeing it in Chrome. Using my Mac Book Pro and iMac.
EDIT: Don’t see it in Safari or Firefox.

Here is a link to it happening on my site that I am working on: http://charlievolpe.com/staging/test/

I will continue to work on it in CodePen as well. So maybe I can recreate it there.

[charlie-volpe]

Hmm. Unfortunately it wasn’t available on my mac. I am guessing this is a strange Graphics Card issue. With macs? Not sure. I will have to do some tests on PC as well.

[Paulie_D]

Or the OS /Browser combo…. :)

[charlie-volpe]

Oh I see. That makes a lot of sense. Thanks for the info. @wolfcry911 and @Paulie_D! :)

[Author]

Posts