Problem mit "Scroll to Anchor"

  • Hallo,

    ich verwende an vielen Stellen "Scroll to Anchor", das ging bisher immer problemlos.

    Der Sprung funktioniert auch weiterhin, allerdings sind in der Konfiguration bei WP unter "Einstellungen / Lesen" die Eingaben für den Offset und die Scroll-Geschwindigkeit wirkungslos.

    Die Geschwindigkeit steht bei mir ohnehin auf AUS, das ist auf der Web-Seite also kein Problem.

    Beim Offset hatte ich "110" eingestellt, jetzt kann ich jeden Wert zwischen 0 und 600 einstellen - ohne Wirkung im Frontend.

    Die ursprüngliche Einstellung mit Offset = 110 war so gewählt, das die erste Textzeile nach [sta-anchor ...] direkt unterhalb der einzeiligen Navigationsleiste (die ist oben am Rand) im Frontend sichtar war. Dies ist nun nicht mehr der Fall, so dass etwa 1,5 Zeilen hinter der Srollleiste verschwinden (das ist immer das Datum des Events vor der Überschrift).

    Das betrifft diverse Browser auf PC und Laptop (WIN 10 / 64). Beim Smartphone tritt der Effekt nicht auf, weil da die klassische Navigationsleiste in der Mobilansicht ja nicht erscheint und somit auch nichts verdeckt wird.

    Hat jemand eine Idee zur Problemlösung?

    Hier ist meine Seite zur Veranschaulichung: https://promorija.de

    Alle Plugins sind aktuell, WP ist auf der aktuellen 4.9.x.x Version (also noch kein Update auf 5.x).

    Vielen Dank im Voraus für die Hilfe.

    Viele Grüße, gesegnete Weihnachten und einen guten Rutsch.

    Werner

    • 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

  • Habs gefunden, z. B. unter Aktivitäten. Dort sehe ich im Quellcode, dass du IDs mit / am Ende verwendest. Das solltest du unbedingt korrigieren.

    Ich sehe bei dir außerdem einen jQuery-Fehler, aber vielleicht ist es mit der Korrektur schon behoben.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Danke fü die Rückmeldung.

    Dazu folgendes Beispiel:

    Gehe bitte mal auf "Aktivitäten / Aktivitäten 2018".

    Dann erscheint dort zuerst die Post-Auswahl mit den vielen Punkten.
    Dort z. B. mal auf "15.11. - Leben mit Demenz" klicken.

    Dann erfolgt der Sprung zu diesem Post.

    Bei mir ist dann direkt unterhalb der Navigationsleiste die Überschrift "Leben mit Demenz - ..." sichtbar, siehe angehängtes Bild.

    Darüber (etwas nach oben scrollen) steht noch in roter Schrift das Datum, was auch noch sichtbar sein müss, das ist bei mir aber nicht mehr sichtbar, da hinter der Navigationsleiste liegend.

    Das Datum steht direkt unterhalb vom zugehörigen [sta_anchor …].

    Grüße
    Werner

  • Habs gefunden, z. B. unter Aktivitäten. Dort sehe ich im Quellcode, dass du IDs mit / am Ende verwendest. Das solltest du unbedingt korrigieren.

    Ich sehe bei dir außerdem einen jQuery-Fehler, aber vielleicht ist es mit der Korrektur schon behoben.


    Vielen Dank für den Hinweis.

    Wenn "/" nicht enthalten ist, kann ich das Ziel nicht mehr in einem neuen TAB öffnen sondern immer nur in demselben TAB.

    Die Anforderung tritt z. B. auf, wenn ich ein Sprungziel auf einer anderen Seite habe.

    Gruß
    Werner

  • Das ist aber ein Syntax-Error, weil es dort nichts zu suchen hat. Und verstehen tue ich deine Argumentation auch nicht. Was hat ein trailing slash mit einem neuen Tab zu tun?

    Teste es bitte mal ohne / am Ende.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Was da genau passiert, weiß ich auch nicht.

    Ja, werde ich am Nachmittag mal versuchen und mich dann wieder hier melden.

    Gruß
    Werner

    Einmal editiert, zuletzt von SirEctor (24. Dezember 2018 um 12:46)

  • Hallo SirEctor,

    zunächst einmal ein schönes Weihnachtsfest!

    Ich habe Deinen Vorschlag nun getestet, es ist so, ohne "/" am Namensende funktioniert "Offset" wieder und die Darstellung ist korrekt.

    Allerdings hat man dann einige andere / neue Probleme.

    Ohne "/" funktioniert nun die Auswahlmöglichkeit im Shortcode "In neuem Fenster öffnen" nicht mehr, das Sprungziel wird immer nur im selben Fenster geöffnet.

    Will man von dort wieder zurück auf den Ausgangspunkt - was ja eine sinnvolle Anwendung für den User ist, der am Sprungziel lediglich dortige Informationen lesen und dann wieder am Ausgangspunkt weiter lesen möchte - macht der User das über den Browser-Zurück-Button. Dieser funktioniert aber nicht zuverlässig, der Rücksprung scheint von der Vorgeschichte abzuhängen und man landet i.d.R. irgendwo.

    Weiter Probleme bringt der Name ohne "/" dann auch noch bei "MaxButtons".
    Auch dort funktioniert ohne "/" die Funktion "In neuem Fenster öffnen" nicht mehr korrekt.

    Tja, ich bin da leider überhaupt nicht der Profi und weiß nicht, was dahinter steckt.

    Hast Du eine Idee, wie man ohne "/" am Namensende die o. g. nicht mehr funktionierenden Features trotzdem "wiederbeleben" kann, insbesondere auch das Öffnen im neuen Fenster?

    Insgesamt erscheint mir das Problem mit dem fehlenden Offset dann noch das kleinere Übel, wenn auch sehr unschön.

    Danke Dir im Voraus für weitere Infos.
    Werner

  • … werde mich auch mal an den Plugin-Autor von Scroll-to-Anchor wenden, danke für den Hinweis schon am Anfang.

    Gruß
    Werner

  • Hallo,

    sieht so aus, als ob das Problem gelöst ist, werde aber noch intensiv testen, auch auf Mobilgeräten.

    Im Forum des Scroll-to-Anchor-Entwicklers habe ich einen schon älteren Post gefunden.
    Ich habe nun im WP-Custom-CSS zusätzlich eingetragen:

    .sta-anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
    }

    Den "/" verwende ich weiter im Namen, damit gehen alle o. g. Funktionen und mit der CSS-Ergänzung funktioniert jetzt auch der Offset.:):):)

    Grüße
    Werner

Jetzt mitmachen!

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