Forums

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

Home Forums CSS How to achieve this header effect

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #154462
    Alexander
    Participant

    Hello, I have a question about a nice little effect i noticed on a website.

    On this theme: http://demo.qodeinteractive.com/subway/

    When scrolling down the header automatically resizes (and logo), but it still stays fixed. – How is this achieved?

    #154468
    Senff
    Participant

    Looks like there’s a little Javascript that detects the scrolled position of the page and then based on that, sizes some contents in the header from 60px height to 40px height.

    #154583
    hanswilmink
    Participant

    Damn… that’s one good looking theme :O

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