Aos: AOS on page bottom (footer)

Created on 27 Jun 2018  路  5Comments  路  Source: michalsnik/aos

AOS works fine until in the website footer. Most the content does not appear, if you manipulate the browser size e.g. it appears afterwards.

Any Ideas what cause the issue?
Thanks

question

Most helpful comment

The default offset is probably higher than the footer itself. Hence the problem. You might want to add data-aos-offset="0" on footer. Let me know if this helps @Crunky :)

All 5 comments

The default offset is probably higher than the footer itself. Hence the problem. You might want to add data-aos-offset="0" on footer. Let me know if this helps @Crunky :)

Feel free to reopen this issue, if above solution won't work @Crunky ;)

Thanks. looks like this is realy in relation with this issue. In some cases it fixed the problem but in some it does not. I can reproduce it if i add some paddings to to footer element it work fine :) In my case i have to add paddings about 100px at top and bottom, a bit too much for an footer ;)

I'm also having this issue on sites near the bottom of the page and footer. I have the offset set to 0 and the sections and footer are definitely in view. Sometimes when it doesn't work the elements are almost at the top of the screen so not sure it's an offset issue. Thanks for your help and great animation library!

i am facing issue. if i zoom only then it works. i used offset=0 but no luck. i tried placement=bottom-bottom but no luck. still no idea why it not getting triggered.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hockey2112 picture hockey2112  路  4Comments

AndTheGodsMadeLove picture AndTheGodsMadeLove  路  3Comments

Panoplos picture Panoplos  路  3Comments

jodriscoll picture jodriscoll  路  4Comments

halverson picture halverson  路  4Comments