关于JavaScript帮助实现淡入淡出动画答案

【问题标题】：about JavaScript help to implement fade-in and fade-out animation关于JavaScript帮助实现淡入淡出动画
【发布时间】：2022-11-17 13:04:12
【问题描述】：

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 库

【问题讨论】：

“改变这种逻辑”是什么意思？

标签： javascript animation fadein fade fadeout

【解决方案1】：

这个 javascipt 代码即将淡入淡出动画代码正在工作，但我必须更改这个 DOMreact 代码，让 height = j.getBoundingClientRect().top - window.innerHeight + 20;使用简单的javascript逻辑是可能的

【讨论】：