Hi Team!
I have some issues with “dynamic content” loading on page load instead of when it comes into viewport.
I changed “shortcodes.js” as found in another poste like this:
return this.each(function()
{
var element = $(this);
setTimeout(function()
{
/** if(isMobile)
{
element.addClass(‘avia_start_animation’).trigger(‘avia_start_animation’);
}
else
{*/
element.waypoint(function(direction)
{
var current = $(this.element),
parent = current.parents(‘.av-animation-delay-container:eq(0)’);
if(parent.length)
{
current.addClass(‘avia_start_animation_when_active’).trigger(‘avia_start_animation_when_active’);
}
if(!parent.length || (parent.length && parent.is(‘.__av_init_open’)))
{
current.addClass(‘avia_start_animation’).trigger(‘avia_start_animation’);
}
}, options );
/** }*/
},100);
That doesnt seem to work however.
Did i miss something?
Thank you!
Matt
Hey sftsengineering,
I checked your site on my android phone and the animated numbers element loads fine on my end. What device and browser are you facing the issue? What exactly are you expecting the above code to do for you?
Best regards,
Vinay
Hi Vinay
Just checked as well and seems to work now. It was either delayed or because I had privacy mode activated on the iphone.
The animations work perfectly now.
Thank you!
Matt
Hi,
Glad it is working fine now! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit