Css Animation Flashesh 在移动设备上启动前一秒钟答案

【问题标题】：Css Animation Flashesh for a second before it starts on mobile devicesCss Animation Flashesh 在移动设备上启动前一秒钟
【发布时间】：2016-11-29 21:59:21
【问题描述】：

我在滚动时使用 animate.css 和 animate-plus.js 来为页面上的元素设置动画，问题是在移动设备上，元素在开始之前会闪烁几分之一秒，这会破坏效果。我应该提到它在台式机上运行良好

这是我的代码：

<div class="col-md-12 animate-plus animated hidden-load " data-animations="fadeInLeft"  data-animation-when-visible="true"> 
<img src="http://placehold.it/350x150">
</div>

我已经尝试了一些来自 stackoverflow 上的其他用户的解决方案，他们遇到了类似的问题 here 我用过：

.hidden-load {visibility: hidden; opacity: 0}
.hidden-load.animated {visibility: visible; opacity: 1}

【问题讨论】：

标签： css animation jquery-animate animate.css

【解决方案1】：

您可以尝试以下方法：

$('#XXX').css({"opacity":0}).delay(200).css({"opacity":1});

【讨论】：