Bootstrap-Vorlage nicht korrekt mit benutzerdefinierten Scrollbar arbeiten

Question

ich eine einfache Bootstrap-Vorlage mit einer festen Sidebar heruntergeladen haben (http://startbootstrap.com/template-overviews/simple-sidebar/) und versucht, benutzerdefinierte Bildlaufleiste in ihm (http://manos.malihu.gr/jquery-custom-content-scroller/) zu integrieren, aber sobald das Plugin läuft

$("#sidebar-wrapper").mCustomScrollbar() 

oder

$("#sidebar-wrapper").mCustomScrollbar({theme: "minimal-dark"}) 

Das Menü wird zu einem schwarzen Bildschirm. Ich habe diese Geige erstellt, um dieses Verhalten zu zeigen https://jsfiddle.net/9qawf6r3/. Hier ist ein anderes Beispiel, das funktioniert: http://jsfiddle.net/wuj2v604/

Irgendeine Idee auf diesem?

Answer 1

Ändern Sie die background-color Eigenschaft in .mCustomScrollBox Klasse.

Es kommt von jquery.mCustomScrollbar.min.css.

.mCustomScrollBox { 
    direction: ltr; 
    height: 100%; 
    max-width: 100%; 
    outline: 0 none; 
    overflow: hidden; 
    position: relative; 
} 

hinzufügen background-color:#FFF !important; oder wtever Farbe, die Sie wollen.

EDIT: Fügen Sie diese CSS zu

#mCSB_1_container{ 
    height:100%; 
} 

prüfen diese jsfiddle