ankertags / springmarken

    Hallo,
    ich habe einen one-pager gebaut und in sections aufgeteilt die mit ankertags (#anker) angesteuert werden. DAs funktioniert auch super.
    Die Themen Impressum, Datenschutz und Blog habe ich auf extra Seiten untergebracht. Die Links von den Extraseiten auf die Homepage funktionieren auch alle prima bis auf das die gesamte Seite um 30 Pixel nach oben rutscht und die sections der Homepage verschwinden unter dem header-bereich - ich nehme an weil es den Anker sicherlich an die obere Browserfensterkante zieht.

    Kann mir einer erklären, warum das nur passiert wenn ich von einer Unterseite auf die Homepagelinks klicke, aber nicht wenn ich innerhalb der Homepage hin und her klicke?

    Zum besseren Verständnis, hier der Link: https://anwalt-wiemann.de
    Ich bin für jeden Hinweis dankbar.

    • Gerade eben
    • 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

    Die "nach oben gerutschte" Position ist korrekt, der Anker ist genau dort, sieht man auch wenn man in einem neuen, leeren Browserfenster z.B. das aufruft:

    Code
    https://anwalt-wiemann.de/#Arbeitsrecht

    Das Theme hängt sich in die Menü-Klickevents, berechnet eine andere Position, die die Headerhöhe berücksichtigt und scrollt dann entspr. anders, daher "funktioniert" es bei Klicks innerhalb der Seite.

    Wende Dich am besten an den Theme Hersteller.

    Hallo, und danke für deine Antwort.
    Hast du irgendeinen Link wo ich mehr infos dazu erhalte? Wenn ich Menü-Klickevents google, möchte mich google immer auf Menü link-events schicken. Und da finde ich nichts bezüglich meines Problems …


    [

    Einmal editiert, zuletzt von Olaf (23. April 2020 um 16:04)

    Rechte Maustaste auf Menüpunkt, Element untersuchen, Events anzeigen, Code lesen:

    Der entspr. Code steht in der Datei north.min.js bzw. "unminifiziert" auch in north.js in der Funktion northSmoothScroll, er wird aber bei einem Seitenwechsel mit Anker in der URL nicht aufgerufen.

    Code
    https://anwalt-wiemann.de/wp-content/themes/siteorigin-north/js/north.min.js
https://anwalt-wiemann.de/wp-content/themes/siteorigin-north/js/north.js


    Wende Dich für eine Lösung am besten an den Theme Hersteller oder an die Person, die den Website erstellt hat, die sollte das technisch nachvollziehen können.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden