CODEWITHSUNDEEP
javascriptcssmenudrop-down-menu
Uno Mein Ame
Uno Mein Ame

Reputation: 1090

dropdown menu stops working after page jump

My head is about to explode as I try to figure out the reason why my dropdown menu stops working as soon as the page jumps to an anchor. There is some JS involved in the jump, too, but the same problem existed even with a plain html anchor jump.

The page is at http://mincovlawyer.com/doc/euro-excellence

As you load the page, please hover over "The Law", "About" and "The Goodies" and see how the dropdown is supposed to operate.

Then click any of the links in the sidebox to the right, for example Alt. #1.

Then hover over the menu items again and observe that no dropdowns emerge anymore.

I would immensely appreciate any guidance in this regard.

Upvotes: 0

Views: 238

Answers (3)

Phil McCullick
Phil McCullick

Reputation: 7170

The rollover breaks even if you just scroll down the page. The rollover menu is positioned absolute and the navigation is positioned fixed. You could add 'position:fixed' to your rollover menu or you could add the scroll offset in your drop down menu code.

To set 'position:fixed': At line 8 of the anylinkmenu.css file, change the position:absolute to position:fixed.

Upvotes: 1

nachito
nachito

Reputation: 7035

It looks like they're working, but they are above the top of the page. Before clicking on any of the links, scroll down just a little bit. Then hover over "The Law" and you'll see your menu shifted vertically.

Upvotes: 1

Sam
Sam

Reputation: 16455

Now that's a lot of code... Where's your menu created? The mouse-over stuff

Question1: Why even using any javascript for an inline-anchor? Using #links scrolls to said position anyways, even without JS?!

Upvotes: 0

Related Questions