Menü-Box mit individuellen Scroll-Buttons - Ideen?

[Roadster]

Seid gegrüßt!

Ich hätte mal eine Frage zum Thema Navigations-Menü, denn die Seiten-Navigation für mein Projekt gestaltet sich doch schwerer als gedacht.

Hauptgrund dafür ist, dass durch den Inhalt der Seite bedingt, es sehr viele Unter-Ebenen gibt, beziehungsweise die jeweiligen Seiten stark verschachtelt sind (und leider auch sein müssen).

Zu Anfang hatte ich ein recht schickes Drop-Down-Menü erstellt, aber wie ihr euch sicher vorstellen könnt, leidet hierbei, so etwa ab der dritten Unter-Ebene, die Übersichtlichkeit doch erheblich, und wenn man bedenkt, dass auf meiner Seite bis zu sieben oder acht Unterebenen (auf denen sich wiederum bis zu einem Duzend Ebenen-Elemente befinden) zwingend über das Navigations-Menü zu erreichen sein müssen, ist klar, dass das keine Option ist.

Andererseits will ich aber auch vermeiden, irgendwo am Rand der Seite einen ewig langen, statischen Navigations-Baum anzuzeigen, da dies meiner Bestrebung, den sehr komplexen Inhalt der Seite auf möglichst einfache und übersichtliche Weise darzustellen und den Besucher der Seite (beziehungsweise den Benutzer des Programms) nicht mit all zuviel Text zu erschlagen, freilich widersprichen würde.

Das Ziel sollte daher sein, die Seiten-Navigation in einer Box von überschaubarer Größe unterzubringen, was jedoch unvermeidlich dazu führt, dass der Inhalt der Box gescrollt werden muss, unabhängig davon, ob ich alle Navigations-Ebenen von Anfang an anzeige, oder ob ich die Unter-Ebenen im Sinne eines Drop-Down-Menüs zunächst ausblende.

Dabei würde ich aber gerne auf eine klassische Scroll-Leiste an der Seite der Box verzichten und statt dessen lieber am oberen und unteren Rand der Box, beziehungsweise des Rahmens, indem die Navigations-Punkte aufgelistet sind, selbst gestaltete Buttons anbringen, die wenn sie gehovert werden, die Liste mit den Navigations-Punkten hoch und runter scrollen.

Also in etwa so:

______________________________________
  /  __________________________________  \  |  /                                  \  |
 | |   button:hover {scroll list up}    | |
 | |____________________________________| |                  /\  |  |----------------------------------|  |                 /__\  |  |  > EBENE 1 PUNKT 1               |  |
 |  |----------------------------------|  |                  ||
 |  |  > > Ebene 2 Punkt 1             |  |                  ||
 |  |----------------------------------|  |                  ||
 |  |  > > Ebene 2 Punkt 2             |  |                  ||
 |  |----------------------------------|  |                  ||
 |  |  > > > ebene 3 punkt 1           |  |                  ||
 |  |----------------------------------|  |                  ||
 |  |  > > > ebene 3 punkt 2           |  |                  ||
 |  |----------------------------------|  |                  ||
 |  |  > EBENE 1 PUNKT 2               |  |                  ||
 |  |----------------------------------|  |                  ||
 |  |  > EBENE 1 PUNKT 3 (etc.)        |  |                  ||
 |  |__________________________________|  |                  __
 | |                                    | |                 \  /
 | |   button:hover {scroll list down}  | |                  /
 |  \_________________________________/  |
  \_____________________________________/

Bei der Umsetzung dieses Vorhabens, stehe ich allerdings irgendwie auf dem Schlauch! - Und auch meine Recherche zu dem Thema hat bislang nicht wirklich weitergeholfen.

Vielleicht hat jemand von euch einen passenden Link oder ein paar Ideen dazu. - Ich wäre für jede Hilfe dankbar!

Roadster