Intersection observers

by Antonija Šimić from Mochalabs

Callback funkcija koja se zove kada neki element ude u viewport

(eng. when element enters or exits intersection with another element )

Što je intersection observer?

Što znaci observer

Funkcija koja promatra nešto što se dogada na stranici

Sintaksa

/**
* Typical Observer's registration
*/
let observer = new YOUR-TYPE-OF-OBSERVER(function (entries) {
  // entries: Array of observed elements
  entries.forEach(entry => {
      // Here we can do something with each particular entry
  });
});

// Now we should tell our Observer what to observe
observer.observe(WHAT-TO-OBSERVE);

Terminologija

1. root

Root element koji se koristi za promatranje. Po defaultu to je viewport od browsera, ali moze biti bilo koji element

2. rootMargin

Margina oko root elementa

3. Threshold

Točka u kojoj će promatrani element koji intersecta reagirati

Browser support

Primjeri

Literatura

Intersection observers

By tonkec palonkec

Intersection observers

  • 74