javascript - 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"的“服务”部分申请了一个 div （缺少框应该很明显），但它根本不显示。

任何人都可以帮忙吗？

谢谢，

杰克

score 2 · Accepted Answer

我查看了该站点，我认为它与这个 css 有关：

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

这也给我造成了双滚动条，你应该删除这两行。

1 回答 1