glossárioWeb
$cat~/glossario/intersection-observer.md
Intersection Observer
Web Platform
API para detectar visibilidade de elemento no viewport.
seção
Explicação
Intersection Observer — API para detectar visibilidade de elemento no viewport.
Callback quando elemento entra/sai do viewport (root). Opções: rootMargin, threshold array.
Substitui scroll listeners pesados para lazy load e analytics viewability.
seção
Exemplo
const io = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) loadImage(entry.target);}, { rootMargin: "100px" });io.observe(img);seção
Modo de uso
Lazy load imagens
Infinite scroll sentinel
Animate on scroll once
seção
Armadilhas comuns
Unobserve após load evita leak
Hidden display none não intersect
seção
Termos relacionados
$cd~/glossario/relacionados
Mais em Web Platform
Outros termos da mesma categoria para revisão em sequência.