Forums

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

Home › Forums › CSS › Facebook like header with fixed position !

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 4, 2012 at 12:43 am #40142
    chinmay_9279
    Member

    How can i make a _facebook_ like fixed header which is first displayed as menu , and after when we cross it’s division (or watever) by scrolling, the menu gets fixed at the top of the screen !
    If there is a name for this particular ‘thing’ plz do inform me.

    And if i have recreated this topic than i m really sorry, u can just provide me the link of the respective discussion thread.

    October 4, 2012 at 12:45 am #111260
    chinmay_9279
    Member

    by ‘menu’ i meant it is at some specific height in the page with respect to the TOP of the page.

    October 4, 2012 at 3:02 am #111261
    Kitty Giraudel
    Participant

    JavaScript version:

    CSS version:

    .sticky {
    
position: -webkit-sticky;
    
position: -moz-sticky;
    
position: -ms-sticky;
    
position: -o-sticky;
    
top: 15px;
    
}

    Support right now is Chrome 23.0.1247.0+ (current Canary) and WebKit nightly.

    More informations here: http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

    October 9, 2012 at 8:16 am #111517
    HemZone
    Member

    Above solution is not working in IE.

    Here is fix for cross browser.

    http://viralpatel.net/blogs/demo/jquery/scroll-fix-header-facebook/

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