Artikel mit Schlagwort

Das Problem: Sie klicken auf einen Sprunglink wie <a href="#header-3">Springen</a>, der auf etwas wie <h3 id="header-3">Header</h3> verweist. Das ist völlig in Ordnung, bis Sie einen position: fixed; Header am oberen Rand der Seite haben, der den Header, den Sie versuchen, zu … verdeckt.

Nehmen wir einen einfachen On-Page-Link

<a href="#section-two"Section Two</a

Wenn man darauf klickt, scrollt der Browser selbst zu dem Element mit dieser ID: <a href="#section-two">Abschnitt Zwei</a>. Eine Browser-Funktion, die fast so alt ist wie die Browser selbst.

Aber sobald …