html - 只触发一次动画,ani js scrollreveal

标签 html css animation animate.css

滚动时,我正在使用 anijs 为网站上的某些内容制作动画
http://anijs.github.io/

这是我的代码:

data-anijs="if: scroll, on: window, do: bounceInLeft animated, before: scrollReveal, after: removeAnim"

这个动画应该只在页面加载时触发一次

这应该能解决这个问题

after: removeAnim

但它不起作用,每次我上下滚动时动画都会触发

最佳答案

遇到了同样的问题。使用 holdAnimClass 有效。

来源:Hold animation after function

用法:之后:holdAnimClass

关于html - 只触发一次动画,ani js scrollreveal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24181118/

相关文章:

css - jquery 移动按钮的自定义透明 css 样式

java - 如何制作一个动画圈?

javascript - 图像未使用 AngularJS ng-repeat 和 ng-src 指令加载

html - 如何使背景(颜色,而不是 img)响应?

javascript - 将参数从 HTML 传递给 AJAX 函数

css - 左侧溢出并左对齐显示文本末尾的 div

java - 离开页面时运行java函数(HTML)

php - 根据数据库字段内容自动(不是悬停)css 覆盖

ios - 在动画期间观察 UIView 框架的变化

jquery - 动画 SVG 在页面加载之前不会动画