Aos: How do you set anchor-placement globally?

[Mikewalker24]

Dashes aren't valid in object properties. I don't see this documented anywhere.

AOS.init({ anchor-placement: 'top-top', });

[michalsnik]

Hey @Mikewalker24 Indeed it's not supported as global setting yet. I'll add it in the next version (3.0).

[RanmeetSingh774]

plz tell me that how to target a particular CSS selector for animation settings.

[michalsnik]

What do you mean @RanmeetSingh774 ? You can use data-aos-* attributes on any DOM element to override global settings.

[RanmeetSingh774]

I want to modify the animation setting of particular selector plz tell me
how i can .. i can only able to modify the animation setting of all page.

On Fri 22 Jun, 2018, 11:20 PM Michał Sajnóg, [e-mail]
wrote:

What do you mean @RanmeetSingh774 https://github.com/RanmeetSingh774 ?
You can use data-aos-* attributes on any DOM element to override global
settings.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/michalsnik/aos/issues/305#issuecomment-399524686, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AmnGDogcKBV4AE4zinqQIL1oFcdScDB-ks5t_S5hgaJpZM4TIXgv
.

[michalsnik]

If overriding AOS setting on specific DOM node by using data attributes is not enough than I'm sorry, but there are no other built-in option to support it. You could however use plan JS to achieve it programatically:

const yourElement = document.querySelector('.your-element');
yourElement.dataset.aos = 'fade-up';
yourElement.dataset.aosDuration = 600;

This way you get to choose the selector however you please @RanmeetSingh774

[michalsnik]

Global anchorPlacement setting has been added on next branch

[michalsnik]

I'm closing this issue now. You can try new setting by following readme and installing aos@next.