Блог

 const images = document.querySelectorAll('#anim');  let options = {  root: document.querySelector('#scrollArea'),  rootMargin: '0px',  threshold: 1.0 }  observer = new IntersectionObserver((entries)=gt;{  console.log(entries);  entries.forEach(entry =gt;{     if(entry.intersectionRatio gt; 0){  var animname = entry.target.dataset.animname;  console.log(animname);  var animprop = animname   ' 1s';  entry.target.style.animation = animprop;  }else{  entry.target.style.animation = 'none';  }  }) },options);  images.forEach(image =gt; {  observer.observe(image); })  

как только я добавил «параметры» после обратного вызова, анимация элементов больше не повторялась. Однако он регистрирует, что элементы больше не пересекаются.