我正在嘗試 IntersectionObserver()，它的行為很奇怪：我使用一個非常簡單的布局，在同一個 div 中只有 8 個圖像與 Flexbox，使用換行，所以基本上這 8 個圖像將自己定位在不同的行中，根據視口的大小。我首先將過濾器類（添加模糊過濾器）應用于每個元素，然后在它們顯示在屏幕上時將其刪除：HTML：<div class="flex--cont">            <div class="box box-2">                <img src="img/1.jpg" alt="" class="img img-1">            </div>            <div class="box box-1">                <img src="img/2.jpg" alt="" class="img img-2">            </div>            <div class="box box-3">                <img src="img/3.jpg" alt="" class="img img-3">            </div>            <div class="box box-4">                <img src="img/4.jpg" alt="" class="img img-4">            </div>            <div class="box box-5">                <img src="img/5.jpg" alt="" class="img img-5">            </div>            <div class="box box-6">                <img src="img/6.jpg" alt="" class="img img-6">            </div>            <div class="box box-7">                <img src="img/7.jpg" alt="" class="img img-7">            </div>            <div class="box box-8">                <img src="img/8.jpg" alt="" class="img img-8">            </div>        </div>腳本語言const allImage = Array.from(document.querySelectorAll(".img"));allImage.forEach((img) => img.classList.add("filter"));const removeFilter = function (entries, observer) {  const [entry] = entries;  const image = entry.target;  image.classList.remove("filter");};const ImageObserver = new IntersectionObserver(removeFilter, {  root: null,  threshold: 0.15,});allImage.forEach((img) => ImageObserver.observe(img));問題是觀察者實際上只觀察每行的第一個元素，所以如果我有 2 行，它只會獲得第 1 和第 5 個圖像，如果我有 3 行，它會獲得第 1、第 4 和第 7 個圖像等等。我確實已將其應用于所有圖像。它為什么要這么做？感謝您的回答！