Navigation Single-/One-Page Seite

  • Hallo Leute,

    ich beschäftige mich neuerdings viel mit Seiten mit dem Single page design und habe nun ein paar Fragen zur Navigation.

    1. Ausgehend davon, dass die Navigation am oberen Bildrand immer zu sehen ist, soll beim Scrollen der aktive Bereich immer in der Navigation hervorgehoben werden. Siehe dazu hier: http://demo.pixelthrone.com/?
    Oder:
    http://themes.webcreations907.com/ninezeroseven/…ion&o=wordpress

    2. Zusätzlich dazu, gibt es manchmal noch den Effekt, dass sich die Navigation beim ersten Scrollen etwas verkleinert um nicht so viel Platz wegzunehmen, wie hier: http://teothemes.com/wp/viewpoint/

    3.Dann habe ich noch solch einen Effekt gesehen. Die Navigation ist etwas weiter unten und wird beim Scrollen "mitgenommen: http://teothemes.com/wp/scrn/

    Hat jemand eine Idee wie man das am besten umsetzt oder welchen Plugins dafür geeignet sind? Ich hoffe das ist das richtige Unterforum.

    Viele Grüße

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ja, das Problem ist, dass JavaScript nicht meine Welt ist. CSS ist kein Problem, aber JavaScript fehlt mir die Erfahrung.
    Ich bin auch überzeugt, dass es dafür Plugins oder bereits vorhandene Tutorials gibt und habe gehofft, dass mir jemand einen Tipp geben kann. Ich finde leider gar nichts dazu, nichtmal bei Google.

    Somit würde mir auch ein Stichwort reichen.

    LG

  • Danke dir, aber leider gehts da nur um die sticky nav. Mir geht es aber primär um die Funktion, dass der aktive Bereich (die section) in der Navigation als aktiv markiert wird.

    Nach stundenlanger Suche habe ich festgestellt, dass er dafür keine Plugin-Lösung in WP gibt und dass wohl sehr sehr viele Leute nach solch einem Plugin suchen. Das einzige was ich dazu finden konnte ist das hier:
    http://trevordavis.net/blog/jquery-on…vigation-plugin

    Es handelt sich zwar nicht um ein Plugin aber man kann es nachbauen. Ich versuche es nun in WP zu integrieren.

    Aber Achtung: Für die, die es auch nachbauen möchten. Die auf github veröffentlichten Javascript Dateien hauen nicht hin. Ich habe mir die JavaScript-Dateien direkt in seinem Beispiel gedownloaded. Ohne WP geht schonmal alles.

    Über Tipps oder Hinweise zur korrekten Integration würde ich mich sehr freuen.

    LG

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!