Gunnar Bittersmann: CSS: margin-top unkompliziert ändern bei mobilem Endgerät

Beitrag lesen

problematische Seite

@@Hans

Kann ich nicht das "Ankerproblem" elegant vermeiden, in dem ich den Ankerpunkt einfach etwas höher setze?

Genau das tut ja die CSS-Eigenschaft scroll-padding-top.

Das Problem dabei ist, dass du nicht wissen kannst, wieviel „etwas“ ist. Das ist von Gegebenheiten beim Nutzer wie verwendete Schriftart und -größe (die du nicht wissen kannst) abhängig und kann sich auch noch dynamisch ändern (z.B. bei Änderung der Viewportgröße ). Deshalb das JavaScript, das ermittelt, wie groß „etwas“ denn nun aktuell ist.

🖖 Живіть довго і процвітайте

--
When the power of love overcomes the love of power the world will know peace.
— Jimi Hendrix