Hi Andy,
I was wondering if anyone has brought to your attention an issue with the menu when used with the toolips module. You can see a live example in my site, but first, some explanation.
When the toolips are used and the menu is set to followscroll, the menu seems to reset its self and scroll back down the page when the tooltip comes up. This does NOT occur when the menu/page is at the top, but when it is scrolled anywhere down the page. This may not be a big problem for one tooltip, but when many tips are used, it just looks bad and is annoying.
For example, go to my site: http://www.vikenk.com
Scroll to the bottom of the page. The menu will follow. Go to "Resources" and the submenu will pop out. Each one of those items has a tooltip. When you hover over the items and the tooltips pop out, see how the menu jumps and scrolls from top to bottom again? Hover down each one of those items quickly and the menu will dance around.
However, scroll to the very top of the page, and repeat the test. Everything seems normal.
Is this a bug or is it programmed behavior (unintentional, of course)? Is it my implementation? Has anyone else written to you about this? Is there a known fix for this? If not, maybe it's something that can be fixed in a future Toolips or Menu update?
Thanks for taking the time to read this.
Menu Question for ANDY. Tooltips + Menu issue.
Hi,
I don't think it is a bug afterall.
The problem is your setting of top="offset=55px";
For starters, you should remove the px as it's not needed and you should remove the offset because there is nothing to offset it against other than the page itself. So setting top to 55 with top=55; will do the same thing and fixes the problem.
Hope this helps,
Andy
I don't think it is a bug afterall.
The problem is your setting of top="offset=55px";
For starters, you should remove the px as it's not needed and you should remove the offset because there is nothing to offset it against other than the page itself. So setting top to 55 with top=55; will do the same thing and fixes the problem.
Hope this helps,
Andy
Andy,
Thanks so much! I thought that when setting followscroll, you needed to set a top offset, as opposed to just "top".
However, this bring up another issue: Now that I've set top=55; and left=55; when the menu scrolls, it stays at the very top of the page as opposed to its original placement. When the menu scrolls, I want it to rest in its original loction, partially obscuring the "starburst" and not obscuring the top, where the page name graphic is.
Come to think of it, that's the reason I had set offsets in the first place - to bring the menu down the screen when it scrolls. Of course, I wasn't using tooltips then.
I hope I did a good enough job explaining that to you. Did it make sense? Basically, when I scrolls, I want the menu to rest in the same position as it was at the top of the page.
How can I make this happen without using "offset" for the top placement?
Thanks again.
Thanks so much! I thought that when setting followscroll, you needed to set a top offset, as opposed to just "top".
However, this bring up another issue: Now that I've set top=55; and left=55; when the menu scrolls, it stays at the very top of the page as opposed to its original placement. When the menu scrolls, I want it to rest in its original loction, partially obscuring the "starburst" and not obscuring the top, where the page name graphic is.
Come to think of it, that's the reason I had set offsets in the first place - to bring the menu down the screen when it scrolls. Of course, I wasn't using tooltips then.
I hope I did a good enough job explaining that to you. Did it make sense? Basically, when I scrolls, I want the menu to rest in the same position as it was at the top of the page.
How can I make this happen without using "offset" for the top placement?
Thanks again.
This works perfectly:
If followscroll is a positive value, it is switched on. The value specified for followscroll is the offset from the top of the page whilst the user is scrolling down the page. The top value is where the menu will sit when scroll top is zero i.e. at the top of the page. It all gets very confusing when you add screenpositions, that's why I removed it.
-- Andy
Hope this helps,
Code: Select all
with(milonic=new menuname("Main Menu")){
style=MainMenu;
alwaysvisible=1;
followscroll=55;
top=55;
left=55;
orientation="vertical";
itemwidth=135;
itemheight=55;
margin=0;
aI("bgimage=/backgrounds/menu_bg_01.jpg;text=Home;url=index.html;");
aI("bgimage=/backgrounds/menu_bg_02.jpg;text=About Me;url=about_me.htm");
aI("bgimage=/backgrounds/menu_bg_03.jpg;pointer=default;showmenu=Pictures;text=Pictures;");
aI("bgimage=/backgrounds/menu_bg_04.jpg;pointer=default;text=Resources;showmenu=Resources");
aI("bgimage=/backgrounds/menu_bg_05.jpg;pointer=default;showmenu=Links;text=Links;");
aI("bgimage=/backgrounds/menu_bg_06.jpg;text=Contact;showmenu=Contact;");
}
If followscroll is a positive value, it is switched on. The value specified for followscroll is the offset from the top of the page whilst the user is scrolling down the page. The top value is where the menu will sit when scroll top is zero i.e. at the top of the page. It all gets very confusing when you add screenpositions, that's why I removed it.
-- Andy
Hope this helps,