How to make an interactive website by example?

Question

css

Hello everyone, I want to learn how to make interactive sites, I'm starting from the smallest, and I need your help for the right way to implement.
I want to do something like this, but without such animation yet.

Here are my sketches of how I can make it right so that all these sections are wide and this fish that on the first slide swam to the last section using the left and right buttons and the mouse wheel as on that site from the example.
Thanks for any help.

Answer 1

• The static height of the main container.
  We get the following: scroll down: the left parameter of the frame decreases by X, the left parameter of the fish increases by the same X. We get the offset of the background relative to the fish and the "frame".
  PS It is not the frame itself that needs to decrease the left coordinates, but some additional wrapper over the frames.

Answer 2

https://css-tricks.com/snippets/jquery/horz-scroll...
https://github.com/alvarotrigo/fullPage.js

Answer 3

Learn JavaScript.