问题标签 [aos.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
31 浏览

javascript - 我正在使用 vue 2 和 AOS 库我正在尝试在按钮单击时重新启动某些 div 的动画

我正在使用 vue 2 和 AOS 库我正在尝试通过单击按钮重新启动某个 div 的动画。tnx 为您解答

0 投票
0 回答
21 浏览

reactjs - 滚动动画在 React JS 的移动视图中不起作用

aos在反应中使用图书馆。它在桌面视图中完美运行。我正确初始化了它,但是当我尝试响应模式时,它不起作用。我制作了一个自定义挂钩以更轻松地使用它。这是我的代码:

useAOS.js

我初始化它的方式:

我想要动画的元素,它是一个 Material UI v5 元素,但它在桌面视图中运行良好。

0 投票
0 回答
4 浏览

html - 可访问性 对比度错误/使用 AOS 在较小的屏幕中无法访问

我正在使用 AOS https://github.com/michalsnik/aos构建时间线效果。但是,元素消失了 可访问性/对比度错误

如果您能帮助我,将不胜感激:

  • 这可能是什么原因?(所以我可以自己检查部分)
  • 在他们的网站上:https ://michalsnik.github.io/aos/在我的手机上仍然可以正常工作,所以我知道我的项目中存在冲突?
  • 这是一个很长的文件,如果你想要项目的源代码,如果需要,我会提供 Github 链接。
0 投票
1 回答
13 浏览

javascript - 带有悬停效果的引导列的 AOS.js

我有以下布局: 布局

col-sm-4每个框都是带有悬停效果transform: scale(1.05)和过渡的引导程序transition: transform ease-in-out .25s(如左上角的框)。现在我想添加一个 AOS-flip-in-effect data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="3000" data-aos-delay="50"。这两个转换有不同的转换持续时间的可能性是什么?