【Javascript】スクロールしたら、ふぁっと表示させる

// スクロールしたら、ふぁっと表示させる
const targets = document.querySelectorAll(".fade");

const observerCallback = (entries, observer) => {
  for (let entry of entries) {
    if (entry.isIntersecting) {
      entry.target.classList.add("active");
    } else {
      entry.target.classList.remove("active");
    }
  }
};

const observerOptions = {
  // オプションを設定（必要に応じて）
};

const observer = new IntersectionObserver(observerCallback, observerOptions);

for (let target of targets) {
  observer.observe(target);
}