Results 1 to 4 of 4

Thread: Submenu drops at wrong location on Scrolling

  1. #1
    Join Date
    Mar 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Submenu drops at wrong location on Scrolling

    The submenu drops at the wrong location if there is a scrollbar with overflow:auto setting. If the html within the <div> does not cause an overflow, then it works file. But if it causes an overflow, it does not work correctly, and the submenu drops at the point

    Code:
    <html>
    <head>
    <title>AnyLink Css example</title>
    <link rel="stylesheet" type="text/css" href="anylinkcssmenu.css" />
    
    <script type="text/javascript" src="anylinkcssmenu.js">
    
    /***********************************************
    * AnyLink CSS Menu script v2.0-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    //anylinkcssmenu.init("menu_anchors_class") ////Pass in the CSS class of anchor links (that contain a sub menu)
    anylinkcssmenu.init("anchorclass")
    </script>
    </head>
    <body>
    
    <div id="mydiv">
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    <p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Anchor Link</a></p>
    
    
    <div id="submenu1" class="anylinkcss">
    <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>
    </div>
    </body>
    </html>
    Code:
    // for the mydiv style
    #mydiv {
     height: 300px;
     overflow: auto;
    }
    Rest of the code used is the anylinksmenu.css and anylinksmenu.js
    Last edited by djr33; 03-31-2010 at 12:35 AM. Reason: fixed [code] tags-- to close a [code] block use [/code], with the slash

  2. #2
    Join Date
    Mar 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello. Can anyone atleast please acknowledge that this is a bug, or am I missing something?

    Thanks.

  3. #3
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,859
    Thanks
    49
    Thanked 260 Times in 252 Posts
    Blog Entries
    56

    Default

    Seems to be a bug indeed.
    Go to http://www.dynamicdrive.com/forums/ to report it (bug reports).
    ===
    Arie Molendijk.

  4. #4
    Join Date
    Mar 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks Arie. Posted a bug report. Lets see....

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •