WPIntell

Source evidence

AOS no effect

Animate on Scroll · support · 2024-05-17T02:13:00+00:00

complaintsentiment
mediumseverity
0.87relevance
1replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

4 / 27 rows with source links

14.8% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

23 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
steffeninseoul unresolved
Hi! I was keen to use AOS on my new website project. I am using Elementor Pro with Hello-Theme, installed & activated the AOS plugin, added aos-flip-up to a heading’s CSS Classes setting – but no animation at all, when I view the page. When I inspect the page source, I can see that the headings have the “data-aos=”flip-up” assigned to them, but there is no other aos-related code on the page (not sure whether this is right). Am I doing anything wrong? Any advice would be greatly appreciated! Thanks! Cheers, Steffen The page I need help with: [ log in to see the link] I added this as a php snippet to be run everywhere and now the aos assets seem to be loaded onto the page: add_action('wp_enqueue_scripts', function() { $aos_init = 'var aoswp_params = { "offset":"200", "duration":"1200", "easing":"ease", "delay":"0", "once":true}'; wp_enqueue_script('aoswp-script'); wp_add_inline_script('aoswp-script', wp_kses_data($aos_init), 'before'); wp_enqueue_style('aoswp-style'); }); Is this correct? Seems to work… Any advice is much appreciated!

Comments

1 shown
steffeninseoul 2024-05-17T05:09:00+00:00

I added this as a php snippet to be run everywhere and now the aos assets seem to be loaded onto the page: add_action('wp_enqueue_scripts', function() { $aos_init = 'var aoswp_params = { "offset":"200", "duration":"1200", "easing":"ease", "delay":"0", "once":true}'; wp_enqueue_script('aoswp-script'); wp_add_inline_script('aoswp-script', wp_kses_data($aos_init), 'before'); wp_enqueue_style('aoswp-style'); }); Is this correct? Seems to work… Any advice is much appreciated!