问题标签 [aos.js]

我现在正在处理我的 React Web 模板，我遇到了这个问题，我已经完全编写了一个网站并且一切正常，直到我决定在这种情况下导入第三方 CSS AOS (Animate On Scroll) CSS，在导入后我的导航栏（在一个完全不同的组件中）开始表现得很奇怪，通常这意味着有类似的类名，但我不确定是否有任何解决方案可以在特定组件上导入 CSS 或其他解决方法

我正在使用fullview.js插件和AOS来制作动画。当我的屏幕出现在视口上时，我必须为文本设置动画。我尝试了下面的代码，动画只在第一部分工作，但是当我滚动动画时，不能与其他部分一起工作

你能帮我解决这个问题吗？

我正在加载几个外部 JS 文件并在 CodeKit/LSLint（和 JSHint）中不断出现错误——即使在浏览器中查看时这两个脚本似乎都按预期工作

我所有的 JS 文件都加载到</body>页面底部的结束标记下方，如下所示：

我加载外部脚本的main.js文件当前如下所示：

但返回以下错误：

任何想法我如何解决这个问题？我假设调用main.js是在同一个地方寻找引用，但显然它们在外部文件中。通常我会在一切正常时打开提示，但如果可能的话我想解决......我想以前我可能通过包装一个函数来解决这个问题，但这次没有用（因为我不使用jQuery？）

如标题所述，除非我放大或缩小、打开控制台或调整浏览器大小，否则我的 AOS 动画不会触发。当动画未触发时，我的页面上的内容仍会显示，但如果动画正常工作，我显然更喜欢。我将在下面提供我的代码片段，如果有人能发现任何错误或有此问题的经验，请告诉我如何添加修复程序。提前泰。

我使用 v-for 渲染 4 个 div 卡，我想让它与data-aos-delay值一一显示，但不知道如何data-aos-delay在使用 with 时动态更改值v-for

I have a vertical slideshow that scrolls/sticks to the next panel when the user scrolls. Desired effect is https://www.tesla.com but I thought I could achieve this with CSS (example below).

Example 1: https://codepen.io/moy/pen/poNrVdO

The problem is I would like to add a class so I can fade in the text when the next panel becomes 'active' and I'm not sure what the best approach is. Due to the framework this is going into, a non-jQuery solution would be preferable. I tried using http://dbrekalo.github.io/whenInViewport/ but can't get that to play ball at the minute.

Update

The JS I was trying to use would only add a class and not toggle (add/remove) when items entered/left the viewport. So I decided to try a few other options. I've used AOS (Animation On Scroll) before but this is also having problems...

Example 2: https://codepen.io/moy/pen/XWNavaO

I think this is done to the overflow-y: auto which is required to get the snap-scroll to work. Can anyone offer an advise on this or would I be better moving away from snap scroll - as it's more hassle than it's worth?

我有一个 django 后端网站，我尝试在 HTML 中加载 css，如下所示。

然而，这使得我网站上的所有文本都完全透明。我仍然可以通过光标看到字母在那里。
我尝试不添加 aos.css，但使用 bootstrap.min.css 和 index.css，它们运行良好。
aos.css 与 django 框架不兼容吗？

我正在使用滚动动画（https://github.com/michalsnik/aos）来创建一些滚动动画。

我试图创建的效果是当用户滚动到视口上时，我的标题会淡出（这按预期工作）。但是，当用户离开屏幕时，我希望文本再次淡入淡出（而不是使文本淡出的标准动画）。

我的标题标签只是添加了标准数据-aos“淡入淡出”。

我确信有办法做到这一点 - 但我无法理解它。

谢谢，团队！

我在我的网页上使用AOS动画库。如何在按钮单击事件上禁用AOS 。？

我正在 vue 3 / vite / typescript 应用程序上导入 aos 模块，它可以工作，但我在控制台中有此警告：

runtime-core.esm-bundler.js:38 [Vue 警告]：插件必须是函数或具有“安装”函数的对象。

从'aos'导入aos；导入'aos/dist/aos.css'；