Tagged: animation, avia, avia framework, Progress Bar
Hi
Progress bars filling when scrolls down, I know, triggered by user, I like this. But sometimes bars at bottom needs a little more tick and people might think “no progress on these, booo”.
I mean, in short:
I want to disable progress bar filling animation, I tried some css tricks but didn’t work.
I solved it by inadaptable way, for others:
In shortcodes.js
Line:217
function activate_waypoints(container)
{
//activates simple css animations of the content once the user scrolls to an elements
if($.fn.avia_waypoints)
{
if(typeof container == 'undefined'){ container = 'body';};
$('.avia_animate_when_visible', container).avia_waypoints();
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '100%'});
if(container == 'body') container = '.avia_desktop body';
$('.av-animated-generic', container).avia_waypoints({ offset: '100%'});
}
}
Original values are:
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});
$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
Hi rstechteam,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria