Anker kommen nach Migration von Joomla 3 auf Joomla 4 nicht mehr richtig

Hallo,

bei mir sind nach dem Umzug von Joomla 3 auf 4 die zu einen gesetzten Anker gehörenden Zeilen verschoben. Beispiel: https://autor-roland-m-horn.de…hp/buecher#geschichte_neu. Muss man da im Code etwas ändern oder vielleicht einen Eintrag in die user.css von Cassiopeia einfügen?

Gruß

Roland

Ich glaub', ich hab's gelöst mittels des nachstehenden Codeschnipsels, den ich auf https://www.cpu20.de/2015/html…tion-vom-anker-ansteuern/ gefunden habe:

<div style="position:relative;">    <div class="anchor" id="jump123" style="position:absolute; top:-100px;"></div>    <div class = "mein_text">I should be 100px below where I currently am!</div>
</div>

Nee, überall funktioniert's nicht. S. https://autor-roland-m-horn.de/index.php/buecher#Jesus

Zitat von wolfstar

Ich kann dir leider nicht sagen wie genau es beim Cassiopeia ist, aber folgenden Code habe ich in meiner custom.css für Helix Ultimate drin:

Code

 /* Anker Scrolling Beginn */
html
{
  scroll-padding-top: 12vw; /* height of sticky header */
  scroll-behavior: smooth;
}
:target::before {
    content: "";
    display: blog;
    height: 120px; /* Wert der Verschiebung */
}
/* Anker Scrolling Ende */

Alles anzeigen

Vielleicht kannst du den ja in abgewandelter Form in deine user.css übernehmen?

Danke. Ich wollte ein wenig mit den Werten spielen, aber da ändert sich überhaupt nix. Schade!

Zitat von RolandMHorn

Danke. Ich wollte ein wenig mit den Werten spielen, aber da ändert sich überhaupt nix. Schade!

Es scheint so, als hätte ich es jetzt mit einer willkürlichen Anpassung Deines Codes doch noch geschafft. Danke!