OceanWP

  • Gelöst althoffp

    (@althoffp)


    vor 4 Jahren, 6 Monaten

    Moin,
    ich habe ein Problem mit dem Setzen von Ankerpunkten.
    Ich würde gerne über die ID auf einen bestimmten Abschnitt „Scrollen lassen“, soweit funktioniert das ganze auch nur verspringt das Scrollen nachdem es den Bereich erreicht hat um ein Stück nach oben.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 4 Jahren, 6 Monaten

    Hallo,
    das kannst du durch eine entsprechende CSS-Regel unter Design > Customizer > Zusätzliches CSS korrigieren, Beispiel:

    /* Anker auf Beitrag ohne Plugin  */
#erste, #zweite, #dritte {
	padding-top: 3.5rem; 
	margin-top: -3.5rem;
}

    Die ID’s musst du natürlich entsprechend den Gegebenheiten auf deiner Webseite benennen und ggfs. den Abstand (im Beispiel 3.5rem) anpassen.
    Viele Grüße
    Hans-Gerd

    Thread-Starter althoffp

    (@althoffp)

    vor 4 Jahren, 6 Monaten

    Danke erst einmal für deine schnelle Antwort.
    Leider bringt das CSS nicht den gewünschten Erfolg, der Content verschiebt sich hiermit leider nur und der Versprung des Ankerpunktes ist immer noch genau so groß.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 6 Monaten

    Das Theme hat eine Funktion, die dieses Zurückscrollen nach Erreichen des Ankers bewirkt. Ich habe leider keine Einstellung gefunden, um das abzuschalten. Nach einem Theme-Wechsel wird der Anker korrekt angesteuert.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 6 Monaten

    Gib mal im Customizer unter Zusätzliches JS folgendes ein:

    jQuery('a[href*="#"]').click(function(e) {
e.preventDefault();
jQuery('html,body').animate({
scrollTop: jQuery("#leistungen").offset().top
},600, "linear");
});
    Thread-Starter althoffp

    (@althoffp)

    vor 4 Jahren, 6 Monaten

    @pixolin

    Perfekt, das hat das Problem behoben.
    Danke sehr

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)

Das Thema „OceanWP“ ist für neue Antworten geschlossen.

Schlagwörter