文章/答案/技术大牛

发布

社区首页 >问答首页 >Aos.js在滚动元素时不显示元素

问Aos.js在滚动元素时不显示元素
EN

Stack Overflow用户

提问于 2019-07-07 01:29:03

回答 1查看 3.9K关注 0票数 4

这是另一个非常简单的问题。是只有我吗，还是AOS.js只对div起作用？

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

然后我点击控制z+y，然后我看到动画工作，只是没有在滚动。请帮帮忙。耽误您时间，实在对不起。这是迷你项目编辑的链接，这个问题解决了，如果你能感谢，请帮助另一个！https://repl.it/@astroboyr/AOSJS-testing！

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

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

html

css

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-07 01:42:55

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56918777

复制

相似问题

问Aos.js在滚动元素时不显示元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Aos.js在滚动元素时不显示元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Aos.js在滚动元素时不显示元素
EN