Looking at your example, you have not added the animation classes properly over DIV.
Currently your animation blocks looks like this:
<div class="animate" data-animation="fadeInUp">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
It should be like :
<div class=" animated fadeInUp ">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
Please use https://www.downloads.eleopard.in/class-generator-wordpress.html to generate animation classes.
If you are adding the “animation blocks” inside post or pages, It is recommended to use “Animate It!” button provided.
Regarding on scroll animation, the animation will occur when the “animation blocks” are in the visible area.
In your case, both the animation blocks are already in the visible area of window, so the animation occurs immediately as the page loads.