Home Forums Fusion Animated stats not working on page re-fresh

This topic contains 5 replies, has 2 voices, and was last updated by  Joshua 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #47927

    fkd
    Participant

    Hi,

    I’ve just finished my website and I’ve noticed an issue with the animated stats on my page.

    Here is a link to my case study page and you will see the blue animated stats at the bottom of the page. If you click the arrows to view more case studies you will see they don’t animate on the next page until you refresh the page with F5…..can anyone help with this?

    http://fkd-design.com/casestudy-bikers-guide

    Cheers
    Fraser

    #47928

    Joshua
    Keymaster

    Hey Fraser,

    Could you try updating to the latest version (1.3.30)? If that doesn’t work, please post back and we’ll take another look with the updates added.

    #47938

    fkd
    Participant

    Hi,

    How do i update the theme?

    Cheers

    #47939

    Joshua
    Keymaster

    Updating a theme is generally done via FTP by overwriting the theme folder with the new one. But another easier option is to use this plugin – https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/

    #47940

    fkd
    Participant

    Hi Joshua,

    I’ve updated to the new version of the theme. But the stats still aren’t animating unless i refresh the page….:(

    Cheers

    #47941

    Joshua
    Keymaster

    I spent a while working on this and unfortunately it looks like the Waypoints library that Elementor uses to trigger scroll events has some long outstanding issues with refreshing waypoints, which is an issue for AJAXed content.

    https://github.com/imakewebthings/waypoints/issues/464

    A couple of options here:

    1. Turning off AJAX is going to be the simplest. I know this is not ideal, but that library doesn’t seem to have great support for refreshing waypoints after new content is loaded.

    2. Try temporarily removing this line from your Fusion’s main.js file. It may be possible that this is removing scroll events and the Waypoints library is not able to recalculate afterwards.

    $(window).unbind('scroll');

    3. Add this (pretty hacky) Javascript to trigger a scroll event when the number counter is scrolled into view:

    Barba.Dispatcher.on('showNewPage', function(currentStatus, oldStatus, container) {
    jQuery(window).scroll(function(){
        if (jQuery('.elementor-counter-number').inView()) {
        Waypoint.refreshAll();
        };
    })
    });

    We may also need to force the numerator library that Elementor uses to load on every page, so try the above solutions by refreshing from a portfolio page first and switching to a different portfolio page via the prev/next buttons.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.