Javascript 未触发滚动标记

在我的滚动事件侦听器中，我循环遍历所有.project元素，然后根据它们在视口顶部的当前位置添加或删除一个类。我想在元素处于视口高度的80%时将其添加到元素中，并在100%和0%时将其删除

我的逻辑应该可以很好地工作，但是这个类很少被添加

var projects=document.querySelectorAll（“.project”）；
var counter=document.getElementById（“计数器”）；
var viewH=window.innerHeight | | document.documentElement.clientHeight；
window.addEventListener(
“卷轴”，
函数（）{
对于（var i=0；i

#一半{
位置：固定；
最高：50%；
高度：1px；
背景：红色；
宽度：100%；
}
#计划{
填充顶部：60vh；
宽度：50vw；
保证金：0自动；
}
#柜台{
位置：固定；
顶部：20px；
左：20px；
字号：20px
}
.项目{
背景：粉红色；
高度：50vh；
宽度：50vw；
边缘底部：100px；
过渡：背景0.3s缓进缓出；
}
.播放{背景：红色}
* {
填充：0；
保证金：0；
}

0
1.
2.
3.
4.
5.

我想有时很难精确获得80%，你可以尝试使用范围，如果（distPercent>=77&&distPercent我想有时很难精确获得80%，你可以尝试使用范围，如果（distPercent>=77&&distPercent