CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
How To Freeze Header Pane?
Eraser35
Permalink to comment
#
May 2009
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?
Eraser35
Permalink to comment
#
May 2009
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.
apostrophe
Permalink to comment
#
May 2009
You mean like the sidebar on this page? http://www.bluelounge.com/index.php
position: fixed
No javascript is needed.
Eraser35
Permalink to comment
#
May 2009
Yes. I would like to freeze the top horizontal pane (right below your browser's tabs..)
Eraser35
Permalink to comment
#
May 2009
I see.... Cool thanks.
Add a Comment
Would you advise against doing this? I particularly like the effect as it would give my website a more "desktop software" look.
position: fixed
No javascript is needed.