Javascript 在函数中使用GetElementsByCassName选择所有元素，但不起作用

我使用Javascript实现了一个简单的“淡出滚动文本”效果

这是一把小提琴：

我想让效果应用到类

淡入淡出的所有元素。但是，尝试在函数中循环它似乎不起作用

以下是无效代码：


var fadeOut=document.getElementsByClassName（'fade'）；
var fadeOutParent=fadeOut.parentElement.scrollHeight；
函数滚动（）{
对于（变量i=0；iwindow.addEventListener（“滚动”，滚动）
每个元素都应该有不同的
淡出租金
，因为每个元素都有不同的父元素。您应该在循环内分配淡出租金


var fadeOut=document.getElementsByClassName（'fade'）；
函数滚动（）{
对于（变量i=0；i
正文{
保证金：0；
高度：1000px；
字体系列：无衬线；
颜色：#333；
}
.内容{
填充：10%；
}
p{
线高：1.75；
}
.顶{
保证金：0；
位置：相对位置；
宽度：100%；
背景色：#aaa；
高度：300px；
不透明度：1；
文本对齐：居中；
字体系列：“helvetica”；
颜色：#fff；
}
.头衔{
字体大小：100px；
字号：700；
字体大小：100px；
字号：700；
位置：绝对位置；
最高：60%；
左：100px；
/*加克佩鲁，乌达库普光滑
过渡：不透明度0.5s；
*/
}
.span{
字体大小：50px；
字体大小：300；
位置：绝对位置；
最高：77%；
右：100px；
}

消失
字幕

滚动的实际上是内容，而不是主体。


白皮书细分家庭颗粒大数据动态自然资源充满活力，充满活力的家庭投资社会回报以人为本。包容性慈善设计思维敏捷，必须站起来生态；支持社会影响
高效的游戏规则改变者生态系统和关联共享价值。理想化技术循环状态，打破创新范式运动，改变创造者。自然资源三重底线带宽运动风险慈善孵化器
激发有效的问题解决者。绿化我们必须站起来分割，规划区域；弹性风险慈善，学术揭露真相企业家激活透明的风险慈善授权社区深入。
非政府组织集体影响协同倡议、带宽、讲故事革命激励、我们的工作细分。


深入挖掘阻力，问题解决者影响投资，激发社会企业家活力。启动我们的工作系统智库创新。绿色空间催化混合价值可持续社区思想
合伙企业


非政府组织破坏、揭露真相拯救世界、黑人生命问题挑战和机遇思想领袖运动高效变革理论培养激活策略LGBTQ+。范式出现的原因是；社会企业战略可及性。
设计思维、细分；救济、正义、她的身体、她的权利、她的性别权利。催化解析包容思想领袖，克服不公正，揭露真相集体影响思洛伊达。


透明福利公司社会影响数据家庭规模和影响社会资本共享分析单元。抬升动力；运动，共同创造，共同创造，揭露真相分割数据技术合作，学术培养集体
影响可及性。利益企业变革理论、企业家创业慈善活动指针、指标、细分共同创造革命性共同创造深层次性别权利。非政府组织倡议；充满活力的我们的工作
激励；激励社区、准则、性别权利合作性别权利数据深度挖掘。


为了创新成果，公平利益公司，决策者影响投资。平等机会绿色空间授权社区战略，共同创造引人注目的性别权利共享词汇共享价值透明。提升、抵抗、活力、质量
监禁是一个充满活力的城市。共享词汇范式、boots on the ground program areas change makers、企业社会责任数据策略，因为可复制性揭示了以人为本的真理。节目区讲故事
社会创新初步思考社会创新讲故事的相关性。然后,；生态系统颗粒影响揭示了真实的结果，但企业家运动。

您的问题是，您试图选择
节点列表的
父元素
，这是不可能的

在这里，尝试将
fadeOutParent
变量移动到
for
循环中：

var fadeOut = document.getElementsByClassName("fade");
function scrolled() {
  for (var i = 0; i < fadeOut.length; i++) {
    var fadeOutParent = fadeOut[i].parentElement.scrollHeight;
    fadeOut[i].style.opacity = 1 - ((window.pageYOffset) / (fadeOutParent / 2));
  }
}
window.addEventListener("scroll", scrolled);

var fadeOut=document.getElementsByClassName（“fade”）；
函数滚动（）{
对于（变量i=0；i

祝你好运。
如果fadeOutParent的计算结果为零，则可能会出现“除以零”的情况……我有几个问题，你的JavaScript在哪里，它是在就绪/加载事件中，在主体的末尾还是在头部？换句话说，在您尝试这样做之前，您的元素是否已完成加载？另外，您的CSS
transition
属性是否在项目中被注释掉，就像在fid中一样