Bootstrap 3 scrollspy не работают

Question

я в настоящее время работаю на следующем сайте: http://strauss.co.at/sup/

Я хотел бы использовать scrollspy Bootstrap, чтобы следить за текущий пункт меню. Я добавил data-spy="scroll" и data-target="#navbar" в тег тела. #navbar - это контейнер компонента bootstrap nav (это то, что я нашел, находится во множестве разных статей здесь, в stackoverflow и других сайтах). все равно это не работает. что мне здесь не хватает?

Кроме того, я использую плагин affix, чтобы меню располагалось в верхней части страницы после определенного смещения. Я вижу, что там немного прыгает. Есть ли способ сгладить это? должен ли я делать это с помощью css 3-переходов или это скорее проблема с контентом-тем, которая получает-выведенную из потока?

спасибо

Answer 1

Вы действительно близко! Вам просто нужно изменить href на элементы привязки на id элемента, с которым вы хотите связать scrollspy.

Например, если у вас есть:

<a href="/sup/#sup-in-der-physiotherapie">SUP in der Physiotherapie</a> 

Вы должны иметь:

<a href="#sup-in-der-physiotherapie">SUP in der Physiotherapie</a> 

Обратите внимание, что просто изменяя это с инспектировать элемент не будет работать, в то время как Bootstrap использует JavaScript, когда DOM сначала загружает, чтобы запустить scrollspy.

Answer 2

Спасибо столько!

Я только заметил, что TYPO3 автоматически добавляет путь к ссылкам. У меня не было этого в моем шаблоне.

Я понял, что я также могу решить эту проблему, добавив к ссылке атрибут data-target="#id.