CSS: Horizontales scrollbares Menü erstellen

Ich möchte meinen Anwendungsbildschirmen ein Menü hinzufügen. Das Menü wird über die Menüsymbole verfügen, die jeweils horizontal durch ein Menü blättern können, wenn der linke oder rechte Pfeil gedrückt wird. Ausgehend vom Menübildschirm sollte das Menü zu diesem Menüsymbol für diesen Menübildschirm gescrollt werden.

Beispiel:

Sagen Sie, es gibt 6 Menüsymbole und 3 sind gleichzeitig sichtbar. Beim Drücken des rechten Pfeils sollte ein Element nach dem anderen gescrollt werden.

und wenn mein Bildschirm zu Menü 4 gehört, muss das Menü 4 positioniert werden.

Und auch jeder Menüpunkt sollte anklickbar sein.

Bitte lassen Sie mich wissen, wie ich das erreichen kann.

Aktualisieren Haben Sie js für MouseOver

JSFiddle

Hier klicken

Update3

Update 4

Dies ist ein dynamisches Menü, das von db build mit ul & amp; Li's. Wenn es mehr Li als Bildschirmbreite gibt, möchte ich einfach einen Pfeil nach links & amp; rechte Seite, um zusätzliche li zu scrollen, falls vorhanden.