The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS When Scrolling Lines Appear

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #164198

    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!



    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:

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


    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.


    Or the OS /Browser combo…. :)


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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.