Bootstrap 4 折叠引导和SimpleBar js不能一起工作
我对simplebar.js()和bootstrap collapse元素有异议。 自定义滚动不显示(但已初始化),但默认滚动显示 使用默认滚动(单击项目1和项目2):Bootstrap 4 折叠引导和SimpleBar js不能一起工作,bootstrap-4,scrollbar,Bootstrap 4,Scrollbar,我对simplebar.js()和bootstrap collapse元素有异议。 自定义滚动不显示(但已初始化),但默认滚动显示 使用默认滚动(单击项目1和项目2): 使用simplebar.js: <div class="container" style="height:300px; overflow:auto;"> <ul class="nav nav-pills flex-column"> &
-
-
-
-
-
-
-
-
-
-
使用simplebar.js:
<div class="container" style="height:300px; overflow:auto;">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#item-1">Item 1</a>
<div id="item-1" class="collapse">
<ul class="nav flex-column ml-3">
<li class="nav-item">
<a class="nav-link active" href="#">Sub 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sub 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sub 3</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#item-2">Item 2</a>
<div id="item-2" class="collapse">
<ul class="nav flex-column ml-3">
<li class="nav-item">
<a class="nav-link active" href="#">Sub 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sub 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sub 3</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 3</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Item 4</a>
</li>
</ul>
</div>