Aos: AOS works on desktop view, but does not work on mobile view

Created on 17 Apr 2018  路  3Comments  路  Source: michalsnik/aos

Hello, I been experiencing this issue and I do not know what is wrong:

I load the web site and the animations works, but if I change it to mobile view they work once, but if refresh they don't work.

I have this tags on my html document, on the head I have:

<link href="//cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">

and on the bottom with all the scripts:

<script type="text/javascript" src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

the next line after I have:

<script> AOS.init(); </script>

Even if I try to access the site from my phone, the animations do not show.
I tried using a AOS.refresh(); but that doesn't work. Also I noticed that all my html tags 'data-aos' disappear on the mobile view.

website: http://www.duncantransportation.com

Most helpful comment

I have gone through your website and found that you are disabling the animation on mobile. remove this "AOS.init({ disable: 'mobile' });" in bs-animation.js

All 3 comments

I have gone through your website and found that you are disabling the animation on mobile. remove this "AOS.init({ disable: 'mobile' });" in bs-animation.js

Ohhh such a dork! I didn't even notice this js file being pulled.

Thank you! works now!

It's work !

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tyler-insight picture tyler-insight  路  5Comments

noisypope picture noisypope  路  4Comments

timotheegoguely picture timotheegoguely  路  3Comments

jodriscoll picture jodriscoll  路  4Comments

SueIte picture SueIte  路  3Comments