Bootstrap模板与自定义滚动条无法正常工作

I have downloaded a simple bootstrap template with a fixed sidebar (http://startbootstrap.com/template-overviews/simple-sidebar/) and tried to integrate custom scroll bar in it (http://manos.malihu.gr/jquery-custom-content-scroller/) but once the plugin runs

我已经下载了一个带有固定侧边栏的简单引导程序模板(http://startbootstrap.com/template-overviews/simple-sidebar/)并尝试在其中集成自定义滚动条(http://manos.malihu.gr/jquery -custom-content-scroller /)但是一旦插件运行

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

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

the menu becomes a black screen. I created this fiddle to show this behaviour https://jsfiddle.net/9qawf6r3/. Here is another example working: http://jsfiddle.net/wuj2v604/

菜单变成黑屏。我创建了这个小提琴,以显示这种行为https://jsfiddle.net/9qawf6r3/。这是另一个工作示例:http://jsfiddle.net/wuj2v604/

Any idea on this?

对此有何想法?

1 个解决方案

#1

Change the background-color property in .mCustomScrollBox class .

更改.mCustomScrollBox类中的background-color属性。

Its coming from jquery.mCustomScrollbar.min.css .

它来自jquery.mCustomScrollbar.min.css。

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

Add background-color:#FFF !important; or wtever color you want.

添加背景颜色:#FFF!important;或者你想要的wtever颜色。

EDIT : add this css too

编辑:也添加此CSS

#mCSB_1_container{
  height:100%;
}

Check this jsfiddle

检查这个jsfiddle

#1