Forums

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

Home Forums CSS need help with border in header

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #185804
    xaudinha
    Participant

    Hi. I’d like to have my header transparent, borderless, clean in the first page – which is in the same file – , and then as I scroll down, I’d like it to have a bottom border.

    If I introduce a border, it also affects the first page.

    Any ideas???

    [MOD EDIT – Codedump Removed]

    #185805
    shaneisme
    Participant

    Well I can’t really see what’s happening by looking at a code dump. You might want to set up a CodePen to show us.

    However, from what you’re describing, you’ll probably want to use JavaScript. Detect when the browser has scrolled down and then apply a different class to the header.

    Here’s an example: http://tympanus.net/codrops/2013/06/06/on-scroll-animated-header/

    This is more than you’re asking for, but the concept is the same.

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