Is there any plugin for this concept, if so, what is it called?

  • The hongkiat.com site uses a very interesting header concept. They have a sticky header that hidden on top of the page once you scroll down it will appear.

    Is there any plugin for this header concept, if so, what is it called?

    Thank You

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    There is no plugin I know of to do that. In the site you mention, they do it with jQuery. To locate the code responsible for the functionality, you can view their HTML source code, particularly their include-top.js script, which is located here. Just do a browser search for #hSlideContainer and you’ll find the relevant code.
    Cheers!

    @marventus
    Hello!
    it would be great if you could tell me how to develop that!
    or any tutorial available for the same!
    cheers!
    you can also email me [email address removed]

    Hi!
    I don’t really feel comfortable taking another colleague’s hard work into making a site unique and sharing it publicly.
    What I can tell you is the main principle behind it so that you can attempt to do it yourself on your site.
    Basically, you have your regular header with your nav menu and stuff (that does not change), and a separate div with the slide-down version. This second menu is hidden (positioned outside of the viewport). When the scroll position of the window reaches a certain amount of pixels, a JS event is triggered to make the slide-down menu visible. They probably also calculated that amount so that the second menu slides down at the same position the regular header menu is completely hidden by the scrolling down action.
    That’s the main concept behind it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Is there any plugin for this concept, if so, what is it called?’ is closed to new replies.