4 개의 자식이있는 flexbox 컨테이너가 있으며 각 컨테이너에는 with:50%
.
각 자식에 대해 IO (Intersection Observer)를 만들고 싶지만 어떤 이유로 1º 및 3º 요소에서만 작동합니다. 그러나 2º 및 4º 요소에 대해 새 IO를 만들면 작동합니다.
내가 도대체 뭘 잘못하고있는 겁니까?
다음과 같은 코드가 있습니다.
const watchContainer = ([entry]) => {
console.log('IO card:', entry.target);
entry.target.style.opacity = entry.isIntersecting ? '1' : '0';
};
다음과 같아야합니다.
const watchContainer = (entries) => {
entries.forEach(entry => {
console.log('IO card:', entry.target);
entry.target.style.opacity = entry.isIntersecting ? '1' : '0';
})
};
당신이 가진 방식으로, 둘 이상의 요소가 동시에 관찰자를 트리거하는 경우 첫 번째 요소에서만 함수를 실행합니다. 내가 가진 방식은 일치하는 모든 항목에서 실행됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다