Приветствую!
Проблема с scrollspy.
Дано: - шаблон на Joomla 3 с
bootstrap 2- навигационный бар, прилепленный сверху с несколькими пунктами меню, еще один с выпадающем списком
- куча модулей с различной информацией, расположенные друг за другом (вертикально)
1-й, 2-й и 3-й пункты меню присвоены ссылки с якорями. Эти ссылки случайным образом ссылаются на якоря в трех разных последующих модулях.
4-й, 5-й и 6-й пункт меню ссылаются на якоря, расположенные в одном модуле. 7-й пункт меню ссылаются наа след.модуль, но он уже роли не играет.
Scrollspy работает только с теми пунктами меню (присваивается класс active), которые находятся в оодном модуле (4, 5 и 6), и при всем - при том, класс active срабатывает гораздо раньше, чем я дохожу до якорной ссылки. Точнее сразу же, как только начинаю скроллить. И на протяжении всего путешествия по странице менюшка переключается только между указанными пунктами. Однако при нажатии на любую ссылку перебрасывает на якорь, но ссылке по-прежнему не присваивается .active.
Меню создал отдельным модулем в позиции drawer
<div class="navbar navbar-fixed-top">
<div class="navbar-inner" id="navbar">
<div class="container">
<a class="brand" href="http://milk3.loc">Сайт</a>
<ul class="nav">
<li class="divider-vertical"></li>
<li class="active"><a href="#3">№1</a></li>
<li><a href="#4">№2</a></li>
<li><a href="#5">№3</a></li>
<li><a href="#6">№4</a></li>
<li><a href="#7">№5</a></li>
<li><a href="#8">№6</a></li>
<li><a href="#9">№7</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Выпадаающий <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Раз</a></li>
<li><a href="#">Два</a></li>
<li><a href="#">Три</a></li>
<li class="divider"></li>
<li class="nav-header">Заголовочек</li>
<li><a href="#">Четыре</a></li>
<li><a href="#">Пять</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li><a href="#">Текст</a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Опять выпал <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Шесть</a></li>
<li><a href="#">Восемь</a></li>
<li><a href="#">Пля, семь пропустил</a></li>
<li class="divider"></li>
<li><a href="#">Ссылка</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
ну и в body прописал
<body <?php echo $gantry->displayBodyTag(); ?> data-spy="scroll" data-target="#navbar">
Как заставить работать scroll spy правильно, как необходимо работать с множествами модулей? Поможите люди добрые... )
28.03.2025, 17:27:24