Hallo!
Wir verwenden eine recht umfangreiche Navigation, welche aus einer <ul> besteht und auf Mousehover, den <li> Inhalt vertikal nach unten ausfährt.
Ich möchte verhindern, dass die Navigation auf kleineren Displays (Netbooks z.B.) über den sichtbaren Teil des Browsers hinausläuft. Gibt es eine Möglichkeit, dies über CSS oder JS zu lösen?
Im besten Falle könnte ich mir eine JS Lösung vorstellen, die die Größe des Viewports abfragt und, falls die Navigation diese Dimension überschreitet, als untersten Navigationspunkt einen kleinen Button anzeigt, der auf Mousehover den restlichen Teil der Navigation nach oben fährt. Alternativ könnte ich mir auch vorstellen, den überlaufenden Teil rechts neben dem heruntergefahrenen <li> anzeigen zu lassen.
Danke im Voraus!
Wir verwenden eine recht umfangreiche Navigation, welche aus einer <ul> besteht und auf Mousehover, den <li> Inhalt vertikal nach unten ausfährt.
Ich möchte verhindern, dass die Navigation auf kleineren Displays (Netbooks z.B.) über den sichtbaren Teil des Browsers hinausläuft. Gibt es eine Möglichkeit, dies über CSS oder JS zu lösen?
Im besten Falle könnte ich mir eine JS Lösung vorstellen, die die Größe des Viewports abfragt und, falls die Navigation diese Dimension überschreitet, als untersten Navigationspunkt einen kleinen Button anzeigt, der auf Mousehover den restlichen Teil der Navigation nach oben fährt. Alternativ könnte ich mir auch vorstellen, den überlaufenden Teil rechts neben dem heruntergefahrenen <li> anzeigen zu lassen.
Danke im Voraus!
