Grundsätzliches zur Steuerung des Scrollens von Inhalten

[Roadster]

Hallo.

Also ich habe mal unter "megamenu" recherchiert, aber nur etwa 1 Million Vorschläge zur Umsetzung von Drop-Down-Menüs gefunden, aber nicht ein einziges scrollbares "Box"-Menü.

Meine Überschrift für den Thread habe ich dabei natürlich auch mal wieder sehr unglücklich gewählt, denn unabhängig von der Frage, ob das Scrollen jetzt via Button oder via Leiste laufen soll, ist für mich die eigentliche Frage, wie ich es überhaupt hinbekomme, dass ich das "innere" Feld der Box mit den Links zu den einzelnen Unter-Seiten "scrollbar" machen kann!

Wenn ich also zwei <div>-Elemente erstelle, eins für den Äußeren Rahmen, sprich die Box, in der das Menü angezeigt werden soll, und eins als inneren Rahmen für die Liste mit den Links, und die Liste mit den einzelnen Listen-Elementen ist höher als der innere und äußere Rahmen, dann überlappt sie diese doch nur(!?):

_________________
|  _____________  |
| | ----------- | |
| | ----------- | |
| | ----------- | |
|_| ----------- |_|
  | ----------- |
  | ----------- |
  |_____________|

In allen Tutorials für "simple" Menüs wird immer davon ausgegangen, dass das gesamte Menü angezeigt wird, aber wie bekomme ich es hin, dass nur der Teil angezeigt wird, der in den größenmäßig definierten Rahmen passt? (z-index ist doch wohl keine Option, da ja nur ein Teil des Elements verdeckt werden soll...)

Und wie kann ich dann das Scrollen "steuern" bzw. die dazu nötigen Steuerelemente (Buttons oder Leiste) implementieren und gestalten? Hat da jemand einen Link zu einem passenden Tutorial?

Bin leider immernoch ein ziemlicher Anfänger und ich komme einfach nicht drauf...

Wie immer Dank und Gruß,

Roadster.