-
Posts
-
It’s really hit or miss for the animated numbers to load when a user is in Chrome. Has anyone else dealt with this? How do I change the animated numbers to just load site wide without animating?
Hey Andrea,
Could you post a link to where this is happening please? If you don’t want them to animate then maybe it would be better to use a text or header element instead?
Best regards,
RikardHi Rikard,
https://www.neurocorecenters.com/ – it’s in Chrome and sometimes it’s just a really long hesitation before it starts or you have to scroll past it and back up over it and then it starts animating.
We have it on a lot of pages and it would be far easier to make it not animate then to swap them all out.
Thanks!
Hi CurlyHost,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi,
Please add this script in the functions.php file to trigger the animated number without scrolling down.
// custom script add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { $('.avia-animated-number').trigger('avia_start_animation'); })(jQuery); </script> <?php }Best regards,
IsmaelHmmmm – that code doesn’t seem to be working. It still waits until I scroll completely over it, load the form at the bottom, and then scroll back up before it loads. I THINK it’s because the form at the bottom of the page also doesn’t load till after you scroll over it and it seems that any page that form is on it only wants to load those numbers after the form also loads.
Hi,
The script is working on my browser. It triggers the animated number even if it’s not visible in the viewport. Please make sure that you’re not looking on a cached version of the page. Please hard refresh or remove the browser cache.
Best regards,
IsmaelI was able to get the code posted to work, but with a slight modification. I had to put it inside a $(window).load function.
With more testing it seems like the numbers only animate when the element is really “high” on the page. Like almost to the top. Can the number animation get triggered when they are lower? If you have the element really low on the page, that is the last element before the socket (no footer) then the user will never scroll the element high enough on the page to trigger the animation and it looks like all the stats are zeros.
Hi,
Please edit the js > shortcodes.js file, look for this code around line 99.
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'}); if(container == 'body') container = '.avia_desktop body'; $('.av-animated-generic', container).avia_waypoints({ offset: '95%'});Set the offset values to 100%. This should enable the animation immediately. Don’t forget to refresh the scripts by removing the browser cache.
Best regards,
Ismael
- You must be logged in to reply to this topic.