Я искал и искал и не могу найти свою проблему. Я прошу прощения, если на это ответят где-то в другом месте. Я унаследовал «простой» сайт, который нуждается в scrollspy, и я не могу заставить ничего работать для меня. Вот некоторые выдержки из кода:
HTML СЧАScrollspy в Boostrap 3 не работает
<div class="row" style="width:100%" id="topnav">
<nav id="anchored" role="navigation">
<a href="#top" class="logo"></a>
<ul class="nav top-menu fade-in">
<li class="mission_anchor"><a href="#services" class="">SERVICES</a></li>
<li class="stories"><a href="#about" class="">ABOUT</a></li>
<li class="supporters_anchor"><a href="#demo" class="">REQUEST DEMO</a></li>
</ul>
</nav>
</div>
<br />
образец FIRST "УСЛУГИ DIV"
<section class="module content">
<div id="services" class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<h1>HOW SUPER AGENT MARKETING CAN HELP YOUR AGENTS</h1>
<br />
JAVASCRIPT
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$("#topnav").on("activate.bs.scrollspy", function(){
alert('smomething happened')
});
$('#topnav').affix({
offset: {
top: 0
}
});
$('body').scrollspy({ target: '#topnav' });
<br />
Полный демонстрационный сайт можно найти здесь : Demo Site
Любая помощь будет принята с благодарностью, поскольку я уверен, что это, вероятно, что-то незначительное, я пропускаю, но не смог найти через 6 часов игры с ней.
Можете ли вы описать текущее поведение и желаемое поведение? – kaz
Я не уверен, что существует «текущее поведение». Я бы хотел, чтобы Nav выделял, когда пользователь прокручивает каждую секцию. Я не думаю, что css настроен правильно, но, проверяя элемент, я не получаю активный класс, добавленный к элементам li. – HopeStreet