Свернуть Bootstrap и SimpleBar JS не работают вместе - PullRequest
Новая
       40

Свернуть Bootstrap и SimpleBar JS не работают вместе

0 голосов
/ 14 марта 2019

У меня проблема с simplebar.js (https://github.com/Grsmto/simplebar/) и загрузочным элементом.Пользовательская прокрутка не отображается (но инициализируется), но прокрутка по умолчанию отображается.

При прокрутке по умолчанию (нажмите Item1 и Item2): 

<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>

https://jsfiddle.net/r9en2d16/

С simplebar.js:

https://jsfiddle.net/ops71v3f/

...