Scrollify плагин jQuery не работает Bootstrap Scrollspy
Мой Bootstrap Scrollspy работал отлично, пока я не добавил JQuery-скрипт Scrollify. Мне пришлось изменить скрипт JQuery с slim.min.js на версию min.js, но я не думаю, что это проблема.
<div class="col-md-2 offset-md-2 d-block d-sm-none">
<!--ScrollSpy nested navbar for mobile only-->
<nav id="spynav-mobile" class="nav navbar-light bg-light">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link" href="#item-1-">Me</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="#item-2-">Tech Challenge</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#item-3-">BBC Sport</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#item-4-">Student Mentor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#item-5-">MTA Cert</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#item-6-">TeaFresh</a>
</li>
</ul>
</div>
Нав
<div class="col-md-6 d-block d-sm-none">
<!--ScrollSpy text for mobile-->
<div id="scroll" data-spy="scroll" data-target="#spynav-mobile" data-offset="0">
<h4 id="item-1-">Me</h4>
<p>.....</p>
</div>
</div>
Текст
Текст div имеет стили: {height: 80vh;, overflow y: scroll;}
Навигация имеет стиль: {height: 20vh;}
Я не могу думать ни о чем, что изменилось, кроме добавления плагина JQuery и изменения скрипта JQuery с тонкого на минимальный. Это работало отлично до того, как я сказал.
1 ответ
Я понял. Надеюсь, что это может помочь кому-то в будущем.
standardScrollElements CSS-селектор для элементов в разделах, которые требуют стандартного поведения прокрутки. Например, стандартные ScrollElements: ".map, .frame".
От авторов страница GitHub https://github.com/lukehaas/Scrollify