Навигация по начальной загрузке не работает в фиксированной навигационной панели

Я использую навигацию начальной загрузки здесь: https://bm-translations.de/km

Я установил следующее, как официальное руководство, чтобы автоматически обновлять навигацию Bootstrap или список групп компонентов на основе позиции прокрутки, чтобы указать, какая ссылка в данный момент активна в области просмотра. Но это не работает:

body {
  position: relative;
}

<body data-spy="scroll" data-target="#myNavbar">

Почему это не работает? Что я делаю неправильно?

Источник

1 ответ

Решение

Проблема заключается в абсолютных URL в навигационных ссылках. Они должны содержать только хеш вместо полного URL-адреса.

<a itemprop="url" href="#video">

Если вы должны использовать абсолютный URL, вы можете указать якоря Scrollspy в data-target вместо...

<ul class="nav navbar-nav">
    <li class="" itemprop="name"><a itemprop="url" href="https://bm-translations.de/km#video" data-target="#video">Leistungen</a>
        <ul>
            ..
        </ul>
    </li>
    <li itemprop="name" class="active"><a itemprop="url" href="https://bm-translations.de/km#ueber-mich" data-target="#ueber-mich">Über mich</a>
    </li>
    <li itemprop="name" class=""><a itemprop="url" href="https://bm-translations.de/km#kosten" data-target="#kosten">Preise</a>
    </li>
    <li itemprop="name" class=""><a itemprop="url" href="https://bm-translations.de/km#kontakt" data-target="#kontakt">Kontakt</a></li>
</ul>
Источник
Другие вопросы по тегам