Javascript 文本HTML、CSS和JS的滚动显示选项

我想得到一个像我的HTML代码一样的效果。有人能帮我一下吗？

有一个名为scroll out的微库，它可以帮助你检测滚动，并使你很容易获得这样的效果。下面是一个例子。

您只需要添加以下CSS

[data-scroll] {
  transition: opacity 1s;
}
[data-scroll="in"] {
  opacity: 1;
}
[data-scroll="out"] {
  opacity: 0;
}

这将在HTML中对所有元素应用滚动效果

<script src="https://unpkg.com/scroll-out/dist/scroll-out.min.js"></script>
<script>
  ScrollOut();
</script>

滚动（）；

---

查看文档了解更多信息。

使用不透明和IntersectionObserver似乎并不困难