Flyout menu with scrolling

Question

Guys,

I'm trying to create a flyout menu that has scrolling build in if its larger than the screen. I can't seem to figure out how to do this with the native overflow-y scrolling properties. Everytime I seem to set that overflow-y:auto then the the menu that flys out is nested within the parent div with a scroll bar.

Anyone has any ideas?

Thanks!

Answer 1

Hi there! This is not a solution of mine, but you can try this.. it has a really nice effect and serves your purpose:

http://css-tricks.com/examples/LongDropdowns//

Answer 2

you should set the max-height proparty for the div otherwise it cant tell (since it is sort of absolutely positioned) where to stop, or u can set the height for older browsers, or you can javascript it, change height dynamically until it reaches a maximum