Direkter Link zum Artikel: Fixierte Header, On-Page-Links und überlappende Inhalte, oh weh!

Fixierte Header, On-Page-Links und überlappende Inhalte, oh weh!

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 …

Avatar of Chris Coyier
Chris Coyier am
Direkter Link zum Artikel: Verwendung von IntersectionObserver zur Prüfung, ob die Seite über einen bestimmten Punkt hinaus gescrollt wurde

Verwendung von IntersectionObserver zur Prüfung, ob die Seite über einen bestimmten Punkt hinaus gescrollt wurde

Wenn eine Webseite scrollt, ist das ein DOM-Ereignis. Ich kann jederzeit mit window.scrollY herausfinden, wie weit ein Fenster gescrollt wurde. Ich kann auf dieses Ereignis lauschen und diesen Wert abrufen.

window.addEventListener("scroll", () ={
  console.log(window.scrollY)
Avatar of Chris Coyier
Chris Coyier am