PDA

View Full Version : Anylink Css Menu Submenu Column scrolls away from fixed menu



GlenStobbs
06-11-2015, 09:58 AM
Script: AnyLink CSS Menu v2.3
http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

Using Anyink css menu, and when I add the menu to a fixed div, the submenu columns scroll with the page. Need their position fixed to the menu bar not relative to the page. I have tried all sorts of amendments within the CSS but nothing keeps it tied to the parent!

Because it is on an admin page I can't give a link but here's a link to my CSS http://www.stratusinternational.com/css/anylinkcssmenu.css

I build menu content via a MySQL query using asp.

The .js file is original & untouched (as was supplied with the download).

Any help would be greatly appreciated.

For an example I would have to build a new set of pages, so hoping I don't have to. The client would not appreciate me giving access to his office back-end.

Beverleyh
06-11-2015, 11:59 AM
Is this question regarding a Dynamic Drive script? If so, please following the correct posting format here: http://www.dynamicdrive.com/forums/showthread.php?t=6 The thread can be moved to the appropriate forum if this is the case, and a link to the demo page will help us review installation instructions, and original code, etc.

If this is a script from another source, please post a link to that source site and documentation - Again this is so we can check installation instructions, and original code, etc.

We'll also need a live demo to illustrate problem so please either setup a public page on your own server or use one of the services here:

- http://jsbin.com/
- https://jsfiddle.net/
- http://codepen.io/pen/

live edits = more convenient = faster replies

GlenStobbs
06-11-2015, 08:57 PM
Script: DD AnyLink CSS Menu v2.3
http://www.dynamicdrive.com/dynamici...anylinkcss.htm (http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm)

I have now set up an example page here (http://stratusinternational.com/fiddle/) where you can see the problem.

vwphillips
06-12-2015, 12:16 PM
css


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: fixed;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}




<!--1st anchor link and menu -->
<div style="position:fixed;left:0px;top:100px;" >
<p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Default Example</a></p>
</div>

<div id="submenu1" class="anylinkcss" style="position:fixed;">
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
</ul>
</div>

GlenStobbs
06-12-2015, 01:48 PM
Vic, you star!

Why didn't I think of that!