IntersectionObserver ne işe yarar? Örnek kullanım verin.

IntersectionObserver, bir elemanın görünüm alanına (veya başka bir kapsayıcıya) girip çıkmasını scroll event'i dinlemeden ve performanslı şekilde bildirir.

Kullanım alanları: lazy loading, sonsuz kaydırma (infinite scroll), görünürlük analitiği, ekrana girince animasyon.

const gozlemci = new IntersectionObserver((girdiler) => {
  for (const g of girdiler) {
    if (g.isIntersecting) {
      sonrakiSayfayiYukle();
    }
  }
}, { rootMargin: "200px" });   // 200px önceden tetikle

gozlemci.observe(document.querySelector("#liste-sonu"));

Scroll event'i her piksel kayışta ana thread'de çalışırken, IntersectionObserver hesaplamayı tarayıcıya bırakır.