Responsive Multilayer Parallax effect - repost

Dear developer, This project is very specific. There was some custom work on a parallax wordpress theme (3 layers : backgroung - overlay - content and vertical parallax function) . ([login to view URL]) This theme was not responsive (parallax was not working on mobiles, tablets and apple devices and yet some layers were not visible) We decided to work with [login to view URL] libraries to make it responsive (ipad, iphone, android tablets and phones). The whole project went well, however some other problems occured. The biggest problem is that while scrolling there is an annoying effect going on that has to do with the scrolling speed. What I need is the following. 1. Fix the scrolling speed problem using the existing libraries or anything else you think is suitable. 2. Fix some smaller problems like zooming on mobile devices and responsivness (layers visibility) on some apple devices. If you think you have experience on something similar please contact me asap as this is urgent. Thank you Developer's report #1 --------------------------- The problem with mobile devices is that they do not support scrolling in a way that desktop browsers do. Parallax effect uses scroll events of browser, so on mobile we use iScroll library to emulate scrolling. Also for better control of parallax effect we use universal parallax [login to view URL] library (which has native integration with iScroll). Developer's report #2 ------------------------------- CASE: When I use the mouse scroller there are some gaps during the animation. Those gaps also appear when you scroll on mobile, on Ipad, for instance. DEVELOPER: In general, this problem (jittering) is solved quite easily. Jittering happens when we use absolutely positioned elements (like our images) with parallaxing speed lesser than 1. That means, the image scrolls slower than the [login to view URL] causes terrible jittering view, and I tried to get rid of it. Well, if we use fixed positioning, the browser doesn't reposition element on scroll, and if we manually reposition it using our parallax library, there's no jitter! But it turns out to be not that simple. [login to view URL] doesn't position fixed elements properly. Seems to me, that its author just didn't test it with vertical scrolling of fixed elements. So I dug into code to figure out what it needs to position our images as we want. And I found it! It works! But. But 1) it doesn't work on mobile (maybe some more magic needed). 2) I found fixed positioning to be inaproppriate for our task. Basically, we want each "page" to be a viewport for a fragment of parallax with background, overlay and content. When non-fixed positioning is used, the "page" serves as a container and it hides everything that goes out of its borders. This creates that nice cutting effect. Fixed elements just can not be put in such a container. They can not be cut! I tried to emulate that effect with z-indexing (a kind of layering pages over each other) but it's technically impossible to cut content on both sides of a "page" this way. So. Nice cutting page makes fixed positioning inappropriate. Non-fixed positioning leads to jitter. The original version of Five3 uses background positioning, but on mobile it looks even worse than jitter. Such a shame.