Beitragsanfang rutscht unters Menü / Anker ID in darüberliegendes Modul setzen?

jan55 · 8. Juni 2023

Hab mit Cassiopeia eine Startseite mit Sticky-Menue und Startslider gebaut. Der Slider verlinkt auf eine Anker-ID am Beitragsanfang. Wenn ich jetzt auf den Link klicke, rutscht der Beitragsanfang unter das feste Menü.

Als Lösungsansatz dachte ich mir, dass ich einfach in das darüberliegende Breadcrumbs-Modul den Anker setze, dann rutscht das unter das Menü und der Beitrag ist voll lesbar.

Weiß jemand wie man so eine ID in das Modul oder die Position setzen kann oder wie man es macht (css..), dass der Beitragsanfang nicht unter das Menü rutscht?

wolfstar · 8. Juni 2023

Ich habe das für Helix Ultimate so gelöst:

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

Musst mal gucken ob du davon etwas gebrauchen kannst.

VG Wolfgang

chr-hl · 8. Juni 2023

Wie so häufig, so auch hier:

Seite online stellen und Link posten.

Christian

jan55 · 8. Juni 2023

Danke wolfstar!

.. hat funktioniert!

Hab im Nachherein gesehen, dass es dazu auch noch einen anderen Beitrag gibt:
Problem bei Kombination Sticky Menu und Ankerlink

Tags