I have a parallax animation that is more than the max 10,000 px in height. Scene/page dimensions (1280 x 1000) To make it work I have to make it smaller than 10,000 px but add more transitions to each page/frame. With a page height of 1000 px the animation works when scrolling. When I increase the height to 2000 or 10,000, the first frame animation doesn't finish the scene timeline before it scrolls to the next page. How can I make the animation complete the 1st frame /page scroll before it moves down to the next page.
settings:
width: 1224
height: 2000 to 10000
overflow: hidden
responsive scaling: width
composition complete:
yepnope({
load: "http://cdn.edgecommons.org/an/1.0.2/js/min/EdgeCommons.js",
callback: function() {
EC.centerStage(sym);
EC.Parallax.setup(sym);
}
});
Thanks