The essence of the following, there is a device that looks at the visitor at an angle. I want to insert an image into it and simulate page scrolling. It looks like this:

enter image description here

Here is a picture of the page for the test.

That is, when the user scrolls the page, the “other” page will scroll inside the device at a lower speed. Scrolling itself is not very difficult to fasten through JS, but how to precisely insert it into the screen with adaptability is not yet invented. Only if "by eye", using translate3d and transform, but, the option is not very flexible.

GIF-ku blinded for clarity:

enter image description here

0