Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Bootstrap Navigation vertikal
#1
Ich habe gerade mal einen erneuten Test mit einer vertikalen Navigation mit vorhandenen Bootstrap-Klassen gemacht, den ich ganz gelungen finde.

http://www.mobirise-tutorials.com/Testse...estseite3/

Dennoch rate ich prinzipiell von einer vertikalen Navigation ab, denn man muss immer auch an den Platz am Handy denken.

Hier habe ich, nur zum Testen, den Block mit der vertikalen Navi auch "sticky" gemacht (was man in jedem Fall am Handy nicht machen sollte und auch über Media-Abfrage steuern kann), diesen also beim Scrollen oben angepinnt, und es entsteht am Handy ein zusätzliches Hamburger -Menü.

Das alles ist reines HTML, keine zusätzliche CSS und kein zusätzliches JavaScript.

Vielleicht kann das mal jemand gebrauchen.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Super, gefällt mir gut!

Siehst du auch noch ne einfache Möglichkeit, dass das Menü nur links, oder gegebenefalls auch rechts, stehenbleibt beim Scrollen, oder noch besser mittig positioniert (vertikal) links oder rechts stehen bleibt beim Scrollen?
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
... sicher kann man nur dieses <div> dann fixieren ( position: fixed; ), das ist aber am Handy vollkommen ungeeignet, da es eigentlich immer zu groß ist und einen großen Teil des Bildschirms verdeckt. Deswegen hat man ja das Hamburger-Menü erfunden.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
ja, hätte ich ja eigentlich auch selbst drauf kommen können.
Für Handy und Co spricht ja nichts dagegen, dann den Hamburger auszugeben.
Vielen Dank für deine schnelle Antwort!


LG,

Carlos
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Bootstrap 4 Class Referenz Tommy Herrmann 2 119 14.05.2020, 18:55
Letzter Beitrag: funsport
  Bootstrap 4 Akkordeon horizontal Tommy Herrmann 10 1.216 07.09.2018, 11:38
Letzter Beitrag: Tommy Herrmann
  Bootstrap Classes Tommy Herrmann 1 932 28.02.2018, 12:59
Letzter Beitrag: Rancher



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!