Mobile Optimierung: Benachrichtigungsmenü mit Position erstellen: absolut scrollbar

Ich habe kürzlich Moltran gekauft, was in Ordnung ist, aber einen großen Nachteil hat: Das Benachrichtigungsmenü verschwindet auf mobilen Geräten, was für mich nicht geeignet ist. Also habe ich gelernt, dass dies getan werden kann, indem die hidden-xs -Klasse des li-Benachrichtigungselements entfernt wird. Dadurch wird <li class="dropdown hidden-xs open"> zu <li class="dropdown open"> , was gut funktioniert.

Jetzt habe ich das kleine Menü auf die volle Breite des Bildschirms gestreckt. Wenn der Benutzer ein kleineres Gerät zur besseren Bedienbarkeit hat:

Alles funktioniert gut, bis auf eins: Ich kann nicht im Menü blättern. Mit einer modernen 5 "Smartphone-Horizontale werden 3 Elemente am Ende versteckt. Stattdessen wirkt sich das Scrollen auf den Hintergrund aus, der durch die absolute Position verursacht wird.

Eine einfache Demonstration auf der Online-Demo , um es klarer zu machen: Ich habe nur die Klasse entfernt hidden-xs weil sonst das Menü nicht in kleinen Fenstern in der Zeile <li class="dropdown hidden-xs open"> erscheint, wie ich vorher schon sagte.

Wenn das Fenster sehr klein ist, kann das vollständige Benachrichtigungsmenü nicht angezeigt werden, und der Benutzer kann dort nicht blättern:

Wie Sie sehen, befindet sich die Bildlaufleiste rechts unten, aber Sie können die Benachrichtigungen nicht vollständig sehen, da die Bildlaufleiste dieses Menü nicht beeinflusst. Ich habe ein paar Dinge versucht, hauptsächlich zu anderen Positionstypen gewechselt, weil die absolute Position das Problem zu verursachen scheint. Aber nichts hat funktioniert, es scheint als wäre ich in einem blinden Ende.

Meine Frage ist also: Welche Änderungen sind notwendig, um die Funktionalität so zu erhalten, wie sie ist, aber eine Möglichkeit zu bieten, in den Benachrichtigungen auf kleineren Geräten zu scrollen?