How can i make my menu follow when i Scroll down?

admin · Jan 10, 2008

I want to know how to make my menu follow scrollable. 
 
 
this is the html code for my menu. 
 
 
 
 
//////////////////////////////////// 
// Editable properties START here // 
//////////////////////////////////// 
 
 
{ 
effect = "Fade(duration=0.7);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)" 
} 
else 
{ 
effect = "Shadow(color='#777777', Direction=135, Strength=5)" // Stop IE5.5 bug when using more than one filter 
} 
 
 
timegap=500// The time delay for menus to remain visible 
followspeed=5// Follow Scrolling speed 
followrate=40// Follow Scrolling Rate 
suboffset_top=10;// Sub menu offset Top position 
suboffset_left=10;// Sub menu offset Left position 
 
style1=[// style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style. 
 
"navy",// Mouse Off Font Color 
"ccccff",// Mouse Off Background Color 
"ffebdc",// Mouse On Font Color 
"4b0082",// Mouse On Background Color 
"000000",// Menu Border Color 
12,// Font Size in pixels 
"normal",// Font Style (italic or normal) 
"bold",// Font Weight (bold or normal) 
"Verdana, Arial",// Font Name 
4,// Menu Item Padding 
"arrow.gif",// Sub Menu Image (Leave this blank if not needed) 
,// 3D Border & Separator bar 
"66ffff",// 3D High Color 
"000099",// 3D Low Color 
"Purple",// Current Page Item Font Color (leave this blank to disable) 
"pink",// Current Page Item Background Color (leave this blank to disable) 
"arrowdn.gif",// Top Bar image (Leave this blank to disable) 
"ffffff",// Menu Header Font Color (Leave blank if headers are not needed) 
"000099",// Menu Header Background Color (Leave blank if headers are not needed) 
] 
 
 
 
addmenu(menu=[// This is the array that contains your menu properties and details 
"mainmenu",// Menu Name - This is needed in order for the menu to be called 
20,// Menu Top - The Top position of the menu in pixels 
200,// Menu Left - The Left position of the menu in pixels 
,// Menu Width - Menus width in pixels 
1,// Menu Border Width 
,// Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle" 
style1,// Properties Array - this is set higher up, as above 
1,// Always Visible - allows the menu item to be visible at all time (1=on/0=off) 
"left",// Alignment - sets the menu elements text alignment, values valid here are: left, right or center 
effect,// Filter - Text variable for setting transitional effects on menu activation - see above for more info 
,// Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off) 
1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off) 
,// Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off) 
,// Position of TOP sub image left:center:right 
,// Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable) 
,// Right To Left - Used in Hebrew for example. (1=on/0=off) 
,// Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off) 
,// ID of the div you want to hide on MouseOver (useful for hiding form elements) 
,// Reserved for future use 
,// Reserved for future use 
,// Reserved for future use 
,"Home","http://www.swap.rules.it",,"SWAP Skaters",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar" 
,"SWAP Skaterz  ","show-menu=swap",,"",1 
,"Stuff  ","show-menu=stuff",,"",1 
,"Other  ","show-menu=other",,"",1 
]) 
 
addmenu(menu=["swap", 
,,120,1,"",style1,,"left",effect,,,,,,,,,,,, 
,"Friends","show-menu=friends",,,1 
,"Links","show-menu=links",,,1 
]) 
 
 
addmenu(menu=["friends", 
,,75,1,"",style1,,"left",effect,,,,,,,,,,,, 
,"Show All","http://www.swap-friends.owns.it",,,0 
]) 
 
 
addmenu(menu=["links", 
,,110,1,"",style1,,"left",effect,,,,,,,,,,,, 
,"Changed4Ever","http://www.changed4ever.com target=yourframe",,,1 
,"SSP","http://www.SSP.rocks.it target=yourframe",,,2 
,"Show All","http://www.swap-Links.owns.it",,,0 
]) 
 
 
 
addmenu(menu=["stuff",,,120,1,,style1,0,"left",effect,0,,,,,,,,,,, 
,"Dynamic Drive DHTML","http://www.dynamicdrive.com/ target=yourframe",,,1 
,"The Free Site","http://www.thefreesite.com target=yourframe",,,0 
]) 
 
 
addmenu(menu=["other",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,, 
,"Contact SWAP","swap.rules.it",,"Contact SWAP",1 
]) 
 
 
dumpmenus() 
 
 
 
 
Please if someone can, please reply with my html code scrollable. Thanx

not sure about your code, but gohere (<a class="postlink" href="http://www.google.com.au/search?q=floating+menus&ie=UTF-8&oe=UTF-8&hl=en&meta=">http://www.google.com.au/search?q=float ... l=en&meta=</a>) and you will find links to a lot of menus that work the way your looking for

you can use 
<div style="position:fixed"></div> 
but IE has yet to catch up to it. i'd use it anyway, because IE7 is just around the corner (if the little birds are to be believed), and anyway that's the easiest way to do it that is actually SUPPOSED to be supported by browsers. i expect all future browsers to support it at some point soon enough.you could do this to your menu, as you scroll up and down it follows... 
 
Floating... (<a class="postlink" href="http://http://www.dynamicdrive.com/dynamicindex1/staticmenu3.htm">http://http://www.dynamicdrive.com/dyna ... cmenu3.htm</a>) 
 
=:Ohttp://members.aol.com/grassblad/dHTML/scrollDiv.html

How can i make my menu follow when i Scroll down?

admin

Administrator