-
Posts
-
i’m using Enfold 4.41 and have a problem with the animated numbers: in all browsers they are only triggered when the area is visible (<– this is what i want), there is a class in the source code “avia_animate_when_visible”. However this is ignored with my iPhone 4, and my customer says the same, he tested the webpage with some Samsung smartphones. So i began to test and searching for the reason. What i can clearly say is: on my iPhone the classes “avia_start_animation” and “avia_animation_done” are set immediately with page load although the numbers are not in the visible area. But with all Browsers on Mac these classes are set only after the animated numbers appear in the visible area, i mean i have to scroll down to see the numbers, then the numbers.js starts to count and the classes are set.
So what is the reason for this, how can i change this? Why is the function triggered automatically on my iPhone?
ok maybe i found a solution: i edited the shortcodes.js, there’s a part with a waypoint function
$.fn.avia_waypoints = function(options_passed)
and i deactivated the part with “if(isMobile)” which seems to deactivate the immediate loading of the numbers.now i see the animated numbers on my iPhone.
So is there any reason that mobile behaves different?
- You must be logged in to reply to this topic.