Make a div stick.
April 21, 2009 - 3:16pm
CSS
As far as I can tell, it does not require JavaScript, but it's done purely with CSS. Using Firebug, I've figured out what CSS makes the header sticky:
#headerID {
background: transparent url(backgroundimage.png) repeat-x scroll left top;
height: 90px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}The key is in the fixed positioning, which keeps it at the top of the screen. Depending on your experience with CSS, you may want to find someone else to do this.
Hey guys.
Quick question...
How in drupal could I make a div stick to the top of the site like done in this site - http://www.fervr.net?
I'm guessing jQuery kinda stuff is needed?
Thanks.
Paul
Paul Vaartjes