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: 14838, member: 5269"] Erst mal bzw. nochmals DANKE. Vielleicht meckert er bei #Schalplatten&HomePod wegen dem "&". Der HTML-Anker bzw. die ID ('Was-wird-benötigt') wird ja individuell vom Autor passend zum dem jeweiligen Blogbeitrag im Gutenberg-Editor eingetragen. Wenn d. ID im JS fest zugeordnet wird, muss ja der Autor, der keine Ahnung von CSS/JS hat, das Script jedes mal anpassen. Oder check ich was nicht/falsch? Kann ich das Javascript direkt in meine gebastelte Vorlage "Übersicht & Beitragsoptionen" (Fake-Header) rein machen oder muss das in die Seiten-Vorlage (Blogbeitrag)? Siehe Bild: [ATTACH type="full"]543[/ATTACH] Geht das nicht mit relativen Größen (%,rel,vh) direkt im CSS: [B]www . html-seminar . de / berechnungen-in-css-mit-calc . htm[/B] Alternativ denke ich mir eine unsaubere "in case of Logik": [FONT=courier new].anker-1-zeiliger-Header { scroll-margin-top: [B]58px;[/B] } .anker-2-zeiliger-Header { scroll-margin-top: [B]108px;[/B] } .anker-3-zeiliger-Header { scroll-margin-top: [B]158px;[/B] } @media (max-width: 768px) { .anker-1-zeiliger-Header { scroll-margin-top: [B]58px;[/B] } .anker-2-zeiliger-Header { scroll-margin-top: [B]108px;[/B] } .anker-3-zeiliger-Header { scroll-margin-top: [B]158px;[/B] } }[/FONT] usw. So muss der Autor nur .anker-1/2/3-zeiliger-Header als CSS Klasse auswählen. [/QUOTE]