FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

menu box following scrollbar movement

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


afracsass
Can any one suggest me a script or a site that contains building a menu box that follows scrollbar movement. i mean a menu box that always show up at your right upper conner even i scroll down the web page.

I need this menu box to navigate my long table list.

thanks,
SamiTheBerber
afracsass wrote:
Can any one suggest me a script or a site that contains building a menu box that follows scrollbar movement. i mean a menu box that always show up at your right upper conner even i scroll down the web page.

I need this menu box to navigate my long table list.

thanks,

Just make a simple HTML-code and one line in CSS.

page.html
Code:
<div id="menu">...</div>

style.css
Code:
div#menu {position:fixed; top:0; left:0; ... }

"..." isn't the code, only mark to continue the code. In position, fixed and absolute is very similar, but fixed follows. Of course this all can be made by javascript, but I suggest CSS.
afracsass
It didn't work for me cuz' i'm using IE.
I did a little bit of research on positioning via css and found following comments from http://www.brainjar.com/css

Quote:

Internet Explorer and Netscape 6.0 do not support fixed positioning. They do, however, support fixed backgrounds (via the background-attachment property) which produces a similar effect but only for background images.

Netscape 6.1 does support fixed positioning on elements, as does Opera 5.


thanks for your comment though,

SamiTheBerber wrote:
afracsass wrote:
Can any one suggest me a script or a site that contains building a menu box that follows scrollbar movement. i mean a menu box that always show up at your right upper conner even i scroll down the web page.

I need this menu box to navigate my long table list.

thanks,

Just make a simple HTML-code and one line in CSS.

page.html
Code:
<div id="menu">...</div>

style.css
Code:
div#menu {position:fixed; top:0; left:0; ... }

"..." isn't the code, only mark to continue the code. In position, fixed and absolute is very similar, but fixed follows. Of course this all can be made by javascript, but I suggest CSS.
SamiTheBerber
afracsass wrote:
It didn't work for me cuz' i'm using IE.
I did a little bit of research on positioning via css and found following comments from http://www.brainjar.com/css

I also noticed that it didn't work in IE. Then you should use javascript with that, but unfortunately I can't help about that Sad
LukeakaDanish
I suggest readig up on the "onScroll" javascript event - i believe thats how its usually done.

Another was to do it is to have your table in one div and your links in another div. Then set overflow: auto in the table div and it will have its own scrollbar, eliminating the need for the user to scroll down the page.

- Luke
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.