Seite 1 von 1

Mega-Menü von Volker nicht bedienbar

Verfasst: Mo 16. Mär 2026, 11:19
von Tommy Herrmann
Volker,

ich glaube ich hatte das schon mal irgendwo geschrieben. Dein Mega-Menü ist an einem herkömmlichen Laptop nicht bedienbar, da es viel zu hoch ist.

Der sichtbare Bereich muss unbedingt scrollbar sein (so wie es auch am Handy funktioniert), da sonst die Menüpunkte am unteren Rand nicht erreichbar sind:


Mega-Menü nicht bedienbar.jpg

Re: Mega-Menü von Volker nicht bedienbar

Verfasst: Mo 16. Mär 2026, 16:20
von Volker
Tommy,

ich weiß ist immer noch nicht so wie es sein soll.
Scrollbar ist das ja, aber erst bei noch kleineren laptops. finde gerade auch die Lösung noch nicht.
Eventuell muss ich einfach alles umbauen, weil da kommen ja noch mehr Blöcke und Scripte dazu.
Werde das also anders lösen müssen.

Re: Mega-Menü von Volker nicht bedienbar

Verfasst: Mo 16. Mär 2026, 16:25
von Tommy Herrmann
Du kannst doch ganz einfach jedem beliebigen Element eine vertikale Höhe verpassen oder auch die Bootstrap class="vh-100"

Code: Alles auswählen

<div class="vh-100">100% der Bildschirmhöhe</div>
und dann zum Scrollen beim Erreichen der Höhe:

Code: Alles auswählen

overflow: scroll;
als CSS-Eigenschaft geben. Dann passt das doch für jeden Bildschirm.

https://www.w3schools.com/cssref/tryit. ... s_overflow

Re: Mega-Menü von Volker nicht bedienbar

Verfasst: Mo 16. Mär 2026, 16:41
von Volker
Hab die KI ran gelassen :D

Jetzt besser ?

Re: Mega-Menü von Volker nicht bedienbar

Verfasst: Mo 16. Mär 2026, 16:53
von Tommy Herrmann
ja - jetzt passt es perfekt :tu:


Mega-Menü nach Überarbeitung scrollbar.jpg