javascript - Anyone know how to get a browser status bar like the one in Digg.com? -
if have @ digg.com, there persistent status bar (i.e. digg version number etc).
i have played few jquery plugins, don't anchor bottom 1 in digg.. have tried @ css, can't quite understand bits needed..
any ideas/pointers welcome?
<--- edit: solution --->
thanks answer/comments below, have ended follow (just in case else wants basic working version going..):
the css is:
.footer-bar { background: -webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(white)); background: -moz-linear-gradient(top,#f3f3f3,white); background-color: white; border-top: 1px solid #aaa; bottom: 0; color: #333; font-size: .833333333333em; font-family: arial narrow; height: 12px; padding: 5px 0; position: fixed; right: 0; text-align: left; width: 100%; z-index: 5; }
obviously can change relevant bits, , of course in case have following html:
<span class="footer-bar">some text in footer/status bar stays there when scroll</span>
so there - others , of course guys created it.. css still bit of mystery in cases me!
you want position: fixed
on element. no javascript.
fixed positioning makes element relevant viewport.
Comments
Post a Comment