我在Arc瀏覽器上遇到了一個問題,而在其他瀏覽器上卻沒有這個問題(在iPhone上的Chrome、Safari、Edge和Arc瀏覽器上進行了測試——令人驚訝的是,它工作正常)。因此默認情況下,具有類& quotanim & quot自動添加& quot隱藏& quot如果視口沒有看到div。
當它發生時,class & quot隱藏& quot應該替換為& quot可見& quot但是Arc似乎沒有檢測到這些& quotanim & quotdiv和所有保存& quot隱藏& quot。你可以在https://intent io-new-site . pages . dev上測試和查看開發站點
相關代碼:
function handleScroll() {
const windowHeight = window.innerHeight;
animDivs.forEach((animDiv) => {
const animDivRect = animDiv.getBoundingClientRect();
const animDivTop = animDivRect.top;
const animDivBottom = animDivRect.bottom;
if (animDivTop < windowHeight / 1.2 && animDivBottom > 0) {
animDiv.classList.add('visible');
animDiv.classList.remove('hidden');
} else if (animDivBottom < 0) {
animDiv.classList.add('visible');
animDiv.classList.remove('hidden');
} else {
animDiv.classList.remove('visible');
animDiv.classList.add('hidden');
}
});
}
<!-- HTML Example -->
<div class="definition anim">
<!-- Content goes here -->
</div>
有什么辦法解決這個問題嗎?我希望這是我能在代碼中解決的問題,而不是Arc瀏覽器的功能或其他什么。
好吧我的錯,所以顯然是因為這個Chrome擴展(https://Chrome . Google . com/web store/detail/dark-mode-dark-reader-for/pjbgfifennfhnbkhoidkdchbflppjncb)。