1 Reply Latest reply on Mar 10, 2014 9:23 PM by miguelivanov

    responsive scaling (width) control by code

    miguelivanov

      Hi!

       

      New cool feature in EA3 -  responsive scaling. I'm using only responsive scaling width - it's really cool look for long paralax page.

       

      BUT!

      Edge Common parallax - do not work correct(((. Timeline annimation and scrolling not synchro(((

       

      Question:

      How to control responsive scaling by code? any idea how to get scaling factor?

       

      May you know how to patch Edge Common parallax scrolling to work with EA responsive scaling?

       

      Best,

      M

        • 1. Re: responsive scaling (width) control by code
          miguelivanov Level 1

          I make a short investigation:

           

          here is code fragment from Edge Common parallax:

           

                      function scrollVertical(){

                                      $.each( EC.Parallax.compositions, function(compId, c) {

                                    // Calculate new playhead position

                                    var percentage = scrollPos / ( c.stageHeight - $(window).height() );

                                    var playheadPos = Math.floor( percentage * c.duration );

                                    c.stage.stop( playheadPos );

                                                  }); 

                      }

           

           

          how i can update 'c.stageHeight' var during resize?