JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="denniswolfra, post: 14839, member: 5269"] ChatGPT sagt: /* Das sticky div */ .sticky-nav { position: sticky; top: 0; /* oder z.B. 10px, je nach Layout */ z-index: 1000; /* Wichtig, um sicherzustellen, dass es über den Inhalten bleibt */ background-color: white; /* Optional, je nach Design */ padding: 10px; /* Optional, je nach Design */ } /* Die Ankerpunkte */ .section { scroll-margin-top: calc(var(--sticky-height, 0px) + 20px); /* 20px als zusätzlicher Abstand, anpassbar */ } /* Um die sticky-Höhe dynamisch zu bestimmen, ein kleiner Trick mit CSS-Variablen */ .sticky-nav { --sticky-height: calc(100px + (1.5em * var(--link-count, 5))); /* Beispielrechnung */ } Ich bin nur grad zu blöd das an meinem Beispiel umzusetzen. [/QUOTE]