Css Animation Flashesh für eine Sekunde, bevor es auf mobilen Geräten startet

Question

Ich benutze animate.css und animate-plus.js animieren Elemente auf der Seite beim Scrollen, das Problem ist, dass auf mobilen Geräten Element für einen Bruchteil von blinkt Sekunde, bevor es beginnt und es ruiniert sollte die effect.I erwähnen, dass es auf Desktops

Hier ist mein Code funktioniert gut:

<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> 

ich habe versucht, etwas Lösung Forom andere Benutzer auf Stackoverflow, die ähnliches Problem hatte here Ich habe verwendet:

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

Answer 1

Man könnte so etwas wie diese unten probieren:

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