關於JavaScript幫助實現淡入淡出animation

Question

const animation=document.querySelectorAll('.fade');
console.log(animation);
window.addEventListener("scroll",fadeIN);
function fadeIN()
{
  for (let i=0; i<animation.length; i++)
  {
    let j=animation[i];
    let height = j.getBoundingClientRect().top - window.innerHeight + 20; 
    if (height < 0) {
      j.classList.add("visible");
    } else {
      j.classList.remove("visible");
    }
  }
}
fadeIN()

幫我改變這個邏輯

let height = j.getBoundingClientRect().top - window.innerHeight + 20; 

使用簡單的 JavaScript 代碼使用 web API 庫

Answer 1

此 javascipt 代碼即將淡入淡出 animation 代碼正在運行，但我必須更改此 DOMreact 代碼，let height = j.getBoundingClientRect().top - window.innerHeight + 20; 使用簡單的 javascript 邏輯是否可能