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

时间:2016-05-20 10:45:00

标签: javascript html5 css3 twitter-bootstrap-3 mcustomscrollbar

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

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

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

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

对此有什么想法吗?

1 个答案:

答案 0 :(得分:0)

更改background-color课程中的.mCustomScrollBox媒体资源。

它来自jquery.mCustomScrollbar.min.css。

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

添加所需的background-color:#FFF !important;或wtever颜色。

编辑:也加上这个css

#mCSB_1_container{
  height:100%;
}

选中此jsfiddle