PDA

View Full Version : Positioning issue with AnyLink CSS Menu v2.2



mrgummage
05-06-2010, 11:14 PM
1) Script Title: AnyLink CSS Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

3) Describe problem:
First of all, an excellent script, and until now I've had no problems with it.
Here is the issue, I use a <div> class with the "postion:fixed" attribute for my navigation pane, so that the user doesn't keep having to scroll up the page to find the links again. Now on pages that don't actually scroll this doesn't cause a problem, and the popout menu's work exactly as intended:

Working page: http://www.retlol-the-guide.com/index.php

The problems start when the page beings to scroll. when attempting to open the link, it is placed on the page where the menu <div> class would be if it was "position:relative". This means that once the user has scrolled past the first page, the menu bars don't appear at all, because they are rendered off the top of the browser view pane.

Easiest way to see this is here: http://www.retlol-the-guide.com/chapter-1-introduction.php

Click one of the links in the navigation bar, and start scrolling down the page. You will see the menu item <div> element scroll up the page with the rest of the text.

Is there any way to fix this, so that the menu item spawns relative to either the fixed <div> or even the mouse cursor?

Thank you very much for your time.

mrgummage
05-10-2010, 09:41 AM
Seems I was a bit of a window licker here, and simply changing the CSS properties for the window elements to also be "position:fixed" resolved the issue.

Sorry for the fail. :(