AOS（滚动动画）元素在静态网站上不可见

Question

我正在为客户制作一个网站，并尝试实施 AOS 库以使其看起来更动态。我已按照 GitHub 的说明进行操作：

添加到<head>

<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

在</body>之前添加

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

运气不好。我已经将 data-aos="fade-in" 应用于 this site 的服务部分中的 div（丢失的框应该很明显）并且它根本不显示给我。

有人能帮忙吗？

谢谢，

杰克

Answer 1

我查看了该网站，我认为它与此有关 css:

html, body {
    overflow: hidden;
    overflow-y: scroll;
}

这也导致了我的双滚动条，你应该把这两行去掉。

AOS (animate-on-scroll) elements invisible on static site