Question

这是另一个非常简单的问题。仅仅是我，还是AOS.js仅适用于div？

因为在以下链接中，我正在h1上尝试它，所以它不起作用。我在div上尝试它，并且可以工作。这是一个较大问题的一部分，该项目涉及div。它在那里也不起作用。我可以从inspect的页面中删除属性，当它到达滚动点时，它应该像应该显示的那样显示。

然后我按控制z + y，然后看到动画工作，只是不在滚动条上。请帮忙。谢谢你的时间。这是迷你项目的链接 [编辑]此问题已解决，如果可以，请帮助另一个！ https://repl.it/@astroboyr/AOSJS-testing

如果找到了，这是一个更大的项目，如果您想提供帮助，

Answer 1

您所拥有的代码在底部没有足够的空间，因此您无法看到动画。如果您添加更多 <br>在底部，您将看到它的工作状态。

    <!DOCTYPE html>
    <html>
      <head>
        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>repl.it</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
      </head>
      <body>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <div data-aos="fade-up"></div>
        <!-- works with div -->
        <h1 data-aos="fade-right">Some H1</h1>

        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

        <!-- doesnt with h1 WHYYYYYYY -->
        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
        <script src="script.js"></script>
      </body>
    </html>

当您滚动到此处时，Aos.js不显示元素

1 个答案: