Bootstrap und scrollTo.js navigation

Ich bin ein Neuling front-ender, und ich habe ein Unverständliches problem. Auf meiner Seite, wenn Sie klicken Sie auf die links im oberen Menü, es scrollt nach unten, um den gewünschten block. Aber der link ist nicht als aktiv markiert, es sei denn, der Benutzer führt einen Bildlauf auf der Seite ein paar Pixel nach unten. Warum ist das passiert und wie kann ich es beheben?
Hier ist der html:

            <nav class="menu">
                <div class="nav-collapse">
                    <ul class="nav">
                     <li><a data-action="scrollTo" href="#content" class="hover">Download</a></li>
                     <li><a data-action="scrollTo" href="#productfeatures">Product Features</a></li>
                     <li><a data-action="scrollTo" href="#howitlooklike">How it look like</a></li>
                     <li><a data-action="scrollTo" href="#mobile">Mobile Version</a></li>
                     <li><a data-action="scrollTo" href="#footer">Contacts</a></li>     
                    </ul>
                </div>
            </nav><!-- Nav End-->

Wenn Sie die Seite aktualisieren und Blättern Sie mit der up - ein aktiver link angezeigt würde.

alle code, den Sie sehen können hier

  • ich bin nicht immer aktiv, wenn ich klickte auf den link oder scrollen Sie nach unten.
  • und das ist das problem, Sie müssen scrollen Sie etwas nach unten, nachdem Sie auf
  • wenn Sie eine Geige wäre es leicht zu erklären, müssen Sie manuell die click-Ereignisse der <a> tags entfernen und Klasse hover von allen und Klasse hinzufügen schweben, um die ausgewählte Anker
  • vinod hat einen Punkt. Wir stellen ein Skript zu verändern. Ich bin nicht vertraut mit dem plugin, aber ich vermute, dass vielleicht, es hat etwas zu tun mit der Positionierung. Also ich weiß nicht, was Ihnen eine Antwort geben A script just to make your menu correct oder your plugin
Schreibe einen Kommentar