问题标签 [aos.js]

这是我的App.js代码

导出默认应用程序；

主页.jsx

我认为这是正确的方法，在使用 data-aos="fade-left" 之前它工作正常，但是当我使用 data-aos 时，文本消失了。我不明白是什么问题。

我正在制作一个网站，并在其中添加了 aos.js 动画。问题是在一定的屏幕宽度下，我改变了页面的布局，加上原来的淡入淡出效果，感觉很奇怪。有没有办法改变淡入淡出方向（即改变淡入淡出到淡出）。

我目前正在为自己制作一个投资组合网站，但它似乎以我不理解的方式被破坏；奇怪的是，我无法让 AOS 和 Animate.CSS 在网站上工作。我在 GitHub 页面上托管（是的，我包含了一个 .nojekyll 文件）。托管在本地和 GitHub 页面上，在控制台中既不显示也不显示错误：

控制台照片（对不起，声望不够！！）

这是最新代码的链接（通过 GitHub）：

https://github.com/FxllenCode/fxllencode.dev/blob/main/index.html

我不知道是什么原因造成的，在这里真的很感激一些帮助！谢谢！

这是我的 HTML

这是我的动画 CSS

}

该元素的不透明度为 0 并且永远不会变为 1。我无法弄清楚为什么这种情况一直发生。谢谢您的帮助

我正在开发一个项目并使用AOS动画，但是每当我刷新页面时，所有带有动画的 div 块都会消失。我想在页面刷新时触发一个函数，这样我就可以使用AOS.refresh(). 有没有办法在 nuxt.js 中做到这一点，或者有办法绕过这个 AOS 错误？

更新：这是一个示例，这是页面在重新加载之前的外观：

然后重新加载后：

如你看到的。重新加载后仍然出现的元素是没有AOS动画的元素。

此外，如果您将注意力集中在侧边栏上，请注意我有一个主页。除了主页，这个问题几乎无处不在。当我转到主页然后我回到其他页面时，问题基本上消失了。

我试图在我的 vue cli 项目中使用 AOS 包。

我已经像这样导入了项目

内部方法我已经启动了这样的 AOS

我在div上应用了这样的aos

在我应用 AOS 后，div 内的整个数据都消失了。这意味着动画没有发生。知道我该如何解决吗？

我正在尝试了解 AOS 动画。上面的代码是我尝试使用的示例代码。在加载动画期间，第一个选项卡内容有效。动画不适用于第二个和第三个选项卡。然后在更改选项卡时动画不起作用。我没有使用任何其他库。有什么建议吗？

少数元素的动画效果很好，但不是全部。我尝试并检查浏览器开发人员工具中的问题，发现“aos-animate”类没有应用于这些元素。

猜猜为什么会这样？

更多输入

• 我在 app.coponent.ts 中有 ngOnInit(){AOS.init();} 整个标记是

• 有效，并且没有缺少右括号或左括号。元素

• 不工作正在获得“aos-init”类但不是“aos-animate”

我在网上找不到任何解决这个问题的方法。本质上，使用滚动动画库，一旦动画在视口中或视口上方，您的动画就会被动画化（aos animate 类激活），因此即使您在其下方滚动或在动画下方重新加载页面，它也已经出现。一旦我在它上方或下方滚动，我希望它消失，似乎没有一个简单的数据属性可以做到这一点。是否有任何香草 JS 代码来解决这个问题？

我尝试使用aos。但是，如果我在同一页面中使用图像，我不能在图像标记后使用 aos。我试过了

或者Aos.refresh(),Aos.init()当页面加载但他们都没有工作。我怎样才能解决这个问题？谢谢你们！（我没有使用 jquery。我正在使用 reactjs）