0 Replies Latest reply on Jul 2, 2014 9:02 AM by btaartdirector

    Quick Answer Please - How to detect if stage is scrolling, then do  a show or hide element

    btaartdirector Level 1

      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?