Aos: data-aos= makes element disappear only

Created on 12 Sep 2018 · 9Comments · Source: michalsnik/aos

This is:

Question

Specifications

AOS version:
Browser: Mozillla Firefox

Expected Behavior

element should be animated by data-aos

Actual Behavior

but it just disappears

Steps to Reproduce the Problem

1.https://codepen.io/zhenya-pereverzeva/pen/eLrgzP
2.
3.

Detailed Description

Possible Solution

unconfirmed

Source

perezhenya

Most helpful comment

It's important to change to aos@next. I used the CDN from the website, and it was giving me this problem.

crossoveranx on 9 Jan 2019

🚀1 👍1

All 9 comments

To use AOS features, you have to add and init it's resources first:

Stylesheet (should be put in <head>):
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

And Javascript to end of <body> contents:
````

````

I tested it with your Codepen, and initializing AOS solved your problem just fine.

Vectorchan on 12 Sep 2018

I've done it so far,but still it just disappears

perezhenya on 13 Sep 2018

same problem here. aos is initialized but animation is not triggered.

draison on 17 Sep 2018

👍2

The provided codepen works fine after adding CSS, JS and initializing AOS. Can you provide a complete codepen that you have problem with? If I can't reproduce the problem I won't be able to help.
Also make sure to use aos@next

michalsnik on 4 Oct 2018

I had the same problem and i figured it to such a point that i think it's because i've implemented a "hide the scollbar" function.
e.g. my animation showed up when i didnt have to scroll at all to trigger it, but not when it was at it's original position further down...

i don't know how to fix this though

DeataX on 17 Nov 2018

It's important to change to aos@next. I used the CDN from the website, and it was giving me this problem.

crossoveranx on 9 Jan 2019

🚀1 👍1

Hello. Currently I am having the same issue here, in IE 11 and Firefox the triggered divs with data-aos="" just disappear. How can I solve this?
Thanks in advance.