[Solved] Solution For Very Long Dropdown Menus – Issue

[jayanthirobert]

It is working fine if there is no content below the dropdown. While integrating this code on the web page it is pushing the content down.

https://css-tricks.com/examples/LongDropdowns/ – you can see the scrollbar when you mouse over the list items.

[jamygolden]

Do you have an example of this happening? The drop downs have a position of absolute, so it shouldn’t be pushing anything down.

[jayanthirobert]

Thank you for your reply.

I have resolved this issue by adding position:absolute to the outer div.

>>The drop downs have a position of absolute, so it shouldn’t be pushing anything down.
Yes. I agree with you. It is not happening for the submenu which doesn’t include the scrolling. you can see this issue on https://css-tricks.com/examples/LongDropdowns/

mouse over on * Really Tall Menu menu items. The scrollbar appears.

I have an another query. Can I add the same jquery effect to third level menu items.

btw… very much impressed by the solution you gave for long dropdown.

[jamygolden]

Yeah I do think you will be able to do it for third level menu items, however, I think there will have to be quite a few modifications.

[jayanthirobert]

Can you please guide me for integrating with the third level menu items.

Looking forward for your reply.

Regards,
Jayanthi

[jamygolden]

This would take quite a bit of time. I think it would be easiest* to reveal children within the same drop-down menu, but change their background’s or something.

*This won’t be easy per say, but I think that would be the most simple of the available options.

[jayanthirobert]

I need to add the third level menu on the dropdown (without scrolling) . But it hides the third level menu.

Can you help?

[Author]

Posts