CSS Ausklapp-Menü versus Browserfenster-Höhe

E

Emskerla

Gast

• 10. Oktober 2016

• #1

Hi Leute,

wenn lange Ausklapp-Menüs bei geringen Fensterhöhen nicht mehr scrollbar sind, ist das ein Problem oder zu vernachlässigen?

Hier ein Beispiel (bitte mit der Maus über "Pages" fahren), oder hier (bei "Templates"). (Beide Beispiele sind kurz, aber es wird deutlich, was ich meine.)

Bei der Telekom scrollt die Navigation mit. Andere Idee wäre, ein Hamburger-Menü nicht nur bei geringen Breiten, sondern auch bei geringen Höhen einzublenden. Macht man das? Geht das überhaupt?

Danke schon mal

 

Midnight Sun

Commander

Registriert

Feb. 2014

Beiträge

2.444

• 10. Oktober 2016

• #2

Das ist eine Demo, die zeigt was möglich ist. Im produtiven Einsatz würden ich so viele Unterpunkte weglassen.
Ansonsten wird dort Bootstrap und das MegaMenu verwendet, welches auch anders aussehen kann: http://bootsnipp.com/snippets/featured/bootstrap-mega-menu

Gibt es ein bestimmtes Ziel, auf das du hinau sarbeitest oder guckst du gerade nur nach den Möglichkeiten die es gibt?

 

E

Emskerla

Gast

• 10. Oktober 2016

• #3

Ich habe etwa 15 Unterpunkte, die sich nicht anders strukturieren lassen. Auch das Theme ist gesetzt.

Das Hamburger-Menü lasse ich bereits bei einer bestimmten Breite einblenden. Geht das auch bei einer bestimmten Höhe?

Und ist das überhaupt sinnvoll? Ich sehe den Fall eines Browserfensters mit geringer Höhe eigentlich als vernachlässigbar an.

 

T

The Ripper

Lt. Commander

Registriert

Juni 2012

Beiträge

1.969

• 10. Oktober 2016

• #4

Wichtiger ist, dass du die Leiste oben nicht zu fett machst. Mich nervts immer, wenn man oben 5cm hat, die eig. auch locker 2 sein könnten.

 

T

Teisi

Lt. Junior Grade

Registriert

Okt. 2008

Beiträge

451

• 11. Oktober 2016

• #5

@Emskerla
ja geht, stichwort media queries

@The Ripper
uhhhiii du legst dich mit den designern an?

 

E

Emskerla

Gast

• 17. Oktober 2016

• #6

Teisi schrieb:

@Emskerla
ja geht, stichwort media queries

Zum Vergrößern anklicken....

Bei mir geht das über JavaScript:

Code:

 if( document.body.clientWidth < slick.width || VT.$page.mode == 'mobile' ) {
                slick.source.hide();
                slick.target.show();
              }

Problem: Ich kann kein JavaScript.

Es gilt also, den obigen Code derart zu ergänzen, dass bei einer Browserhöhe von, sagen wir, 500 Pixeln das Slick-Menü angezeigt wird. Wenn mir jemand helfen kann, jederzeit + gerne!

 

T

Teisi

Lt. Junior Grade

Registriert

Okt. 2008

Beiträge

451

• 19. Oktober 2016

• #7

Kenne diesen abschnitt zwar nicht, wenn es aber das macht was ich denke hast du es doch schon fast:
http://www.w3schools.com/js/js_window.asp

Wenn du das nicht entsprechend erweitern kannst, dann hast du 3 Möglichkeiten:
- es zu lassen
- es zu lernen (ist nun wirklich nicht schwer)
- media queries verwenden


Weist du überhaupt was dein gezeigter Code-Abschnitt überhaupt macht?