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

Question

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

这又是一个极其简单的问题。是我一个人的问题，还是 AOS.js 只适用于 div？

因为在下面的链接中，我正在 h1 上尝试，但它不起作用。我在 div 上尝试了一下，效果很好。这是一个更大问题的一部分，该项目涉及 div。它在那里也不起作用。我可以在检查中删除页面中的属性，并且当它到达滚动点时它会像预期的那样显示。

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

如果你发现了，如果你想帮忙，这里有一个更大的项目，

https://repl.it/@astroboyr/PianoLife

Answer 1

Wha*_*ive 3

您拥有的代码底部没有足够的空间，因此您无法看到动画。如果您 <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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	6 年，5 月前
查看次数：	4960 次
最近记录：	2 年，8 月前