aos
aos copied to clipboard
What is the function of mirror: true
This is:
- Question
@michalsnik Thanks for this great repo! It really rocks!
As I'm creating a Joomla plugin for aos, I've a small question. What is the function of the data-aos-mirror="true" attribute? When I enter it in my code nothing specific happens. Could you give some more feedback on how to use the attribute and what kind of function it provides? The description in the README.md is not so clear. Also there is no working example from which the functionality can be extracted.
Thanks again! Any feedback is appreciated.
I believe it's meant to trigger an exit animation as your anchor scrolls out of view -- however I can't seem to get it to do anything either. @michalsnik can you help us? Thanks!
Haven't gotten it to work either...
I got it working with aos@next!
@phillipo6 care to share how?
Mirror doesn't work. :/
@brumack I used aos@next as the version of the library
i'm not getting it to work, npm i aos@next which got me = "aos": "^3.0.0-beta.6"
I also have 3.0.0-beta.6
and mirror does not work for me.
bump. Having same issue
It is an attribute that you add to the element just like other attributes, it stops the animation dissapearing when you scroll back up the page, so once the animations appear when you scroll down they will not animate on scroll up. It is working in the aos@next v3^. If it is not working and animations do animate still then all other attributes should not be working either and it is an installation issue.
same updated the package to 3.0.0-beta.6 but still can't make it work. other attributes work fine
same updated the package to 3.0.0-beta.6 but still can't make it work. other attributes work fine
Ah! my bad. I see it working with aos@next. The animation triggers on scroll back up only when it is 'true'. Was confused with element disappearing while scroll back up(which has to happen to show the animation again when we scroll down)
I am using aos@next with version 3, but when I set the mirror attribute to false, it still does not work. Can anyone help me with this?
My website doesn't trigger animation when i scroll up. It only runs on scroll down. Can someone help?