I am having issues with scrolling a stage (on iOS) using parallax which also contains iFrames. If a user is touching and attempting to scroll while touching an iframe, the stage will not scroll (the animation thinks you are wanting to scroll content in the iframe, even if there is no scrolling set for the iframe).
I have a solution I think will work, but I need to be able to set a variable for when the stage is scrolling and when the stage is not scrolling, then evaluate those variables and show or hide elements over those iframes to block scrolling interaction with the iframes.
How would I check to see if or if/not the stage were scrolling?
Thanks in advance!!
Here's my parallax actions on scroll of the stage:
// insert code for scroll event here
var animationHeight = 3072;
var stageHeight = sym.$("Stage").height();
var scrollPos = sym.$("Stage").scrollTop();
var duration = sym.getDuration();
var percent = scrollPos / (animationHeight - stageHeight);
var time = duration * percent;
// Update timeline
sym.stop(time);
// Hide Elements
sym.$("SwipeUpArrow").hide();
sym.$("swipe_up_text_symbol").hide();
var isScrolling = 1;
QUESTION: How do I set else{ (isScrolling="0") and then hide an element?