Grow your CSS skills. Land your dream job.

How To Freeze Header Pane?

  • # May 23, 2009 at 3:57 pm

    How would I go about freezing the header pane (in this case my nav bar). I am looking for functionality similar to Microsoft Excel, so that when user scrolls the page, the header pane (nav bar) is always visible?

    # May 23, 2009 at 4:00 pm

    Also, is this accomplished using JavaScript?

    Would you advise against doing this? I particularly like the effect as it would give my website a more "desktop software" look.

    # May 23, 2009 at 4:16 pm

    You mean like the sidebar on this page? http://www.bluelounge.com/index.php

    position: fixed

    No javascript is needed.

    # May 23, 2009 at 4:17 pm

    Yes. I would like to freeze the top horizontal pane (right below your browser’s tabs..)

    # May 23, 2009 at 4:20 pm

    I see…. Cool thanks.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".