Codex

Astuces et codes à emporter.

JS

Révéler des éléments en fonction du scroll


const ratio = .1;
const options = {
   root: null,
   rootMargin: '0px',
   threshold: .1
}

const handleIntersect = function (entries, observer) {
   entries.forEach(function(entry) {
      if(entry.intersectionRatio > ratio) {
         entry.target.classList.add('reveal-visible')
         observer.unobserve(entry.target)
      } 
   })
}

const observer = new IntersectionObserver(handleIntersect, options);
   document.querySelectorAll('[class*="reveal-"]').forEach(function(r) {
      observer.observe(r)
})