Html 当父addclass css动画工作时，但当移除时，它们仍然什么也不做？

$（文档）.on（“滚动”，函数（）{
如果（window.pageYOffset>0）{
$（“正文”）.addClass（“滚动”）；
}否则{
$（“body”）.removeClass（“滚动”）；
}
})

@关键帧淡入淡出{
0%，100%{不透明度：1}
30%，70%{不透明度：0}
}
.标志{
动画：淡入0.7s线性；
}
div{
高度：1000px；
}
跨度{
位置：固定；
填充：20px；
}
body.scroll跨距{
动画：淡入0.7s线性；
}
@关键帧淡入淡出{
0%，100%{不透明度：1}
30%，70%{不透明度：0}
}

testhier

编辑：我想我误解了你的问题，很抱歉！所以你想在上下滚动的时候让跨度变小？但只有一次

---

问题在于淡入淡出动画关键帧，请尝试：

 @keyframes fade {
   0% { opacity: 1 }
   100%{ opacity: 0 }
  }

我还向跨度添加了scroll类（您不应该将其添加到body标记），并向跨度添加了一个小的过渡，这样重新出现就不会显得太突然。如果你在评论部分看到，我添加了一个“向前”，这样你的动画就会在最后一个“图像”处停止

span{
位置：固定；
填充：20px；
过渡：不透明度。4s线性；
}
滚动{
动画：淡入0.7s线性向前；//不，对不起，我想向下滚动一次淡出和淡入，然后再滚动一次，以此类推，但如果再次滚动到顶部（pageOffsetY=0）这个跨度必须淡出并再次淡入。这是一个例子，在我的测试区中有更有意义的部分：但是，这个类必须添加到BodWyWe中，你试过我写的代码吗？只要把它改回<代码> Boy.LoopStudio，它就应该工作了，当然也可以使用你原来的关键帧。将pageOffSet设置得更高一点，这样即使用户没有完全滚动到顶部（0），类get也会被删除谢谢，我尝试了代码，但是如果我从下到上滚动，没有动画！？我不知道该如何隐藏跨度！如果offsetY>0，当我到达top offsetY=0时，它们必须消失并立即消失，但只能使用css。我希望你能理解我的英语。抱歉，我再次误解了你。你是德国人，对吗？也许你可以说shor这是你想要的德语：D
span{
  position: fixed;
  padding: 20px;
  transition: opacity .4s linear;
}
span.scroll{
  animation: fade 0.7s linear forwards;  // <---- HERE
}