kdamken
commented
9 years ago Hey I was having the same issue and I think I found a good fix in the meantime. If you use the data-opacity option and set it to 0 for your "animateme" elements, and then set that elements initial opacity to 0 with css, it hides the element until the animation starts and prevents the flickering. You can check out my site here to see it working: rickspowerhours.com.
First, this is brilliant!
The bottom toolbar that shows when scrolling down on mobile Safari breaks the window height calculation. This is evident when viewing your demo. Animations triggered on "enter" are showing for a moment when in the region of the hidden toolbar. Once past that region, it disappears then starts its animation thinking it's entering. Any chance you can recalculate the view area on mobile scroll so it knows the viewport as it changes? Thanks!