有没有办法只使用CSS或HTML而不使用Javascript来实现滚动动画中的淡入淡出？

是的，可以使用CSS来实现滚动动画中的淡入淡出效果，而不使用JavaScript。这可以通过CSS的动画和过渡属性来实现。

要实现淡入淡出效果，可以使用CSS的opacity属性来控制元素的透明度。通过将元素的透明度从0逐渐增加到1，可以实现淡入效果；而将透明度从1逐渐减少到0，则可以实现淡出效果。

下面是一个示例代码，演示了如何使用CSS实现滚动动画中的淡入淡出效果：

HTML代码：

<div class="fade-in-out">
  <p>这是一个淡入淡出效果的示例文本。</p>
</div>

CSS代码：

.fade-in-out {
  opacity: 0;
  animation: fade-in-out 2s infinite;
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

在上面的代码中，通过设置.fade-in-out类的opacity属性为0，初始时元素是透明的。然后，通过定义名为fade-in-out的关键帧动画，将元素的透明度从0到1再到0进行过渡，动画时长为2秒，并设置无限循环。

这样，当页面滚动到元素所在位置时，元素就会出现淡入淡出的效果。

这种方法只使用了CSS和HTML，没有使用JavaScript，可以实现滚动动画中的淡入淡出效果。