How to make content scroll horizontally?

Question

css

Hey!
There was an idea to do the following (example in the picture). A div block that contains information, pictures, etc., the width of the entire page is 100%. When you click on the link div1, div2, div3, these divs are shifted horizontally to the one that was on the link. All other blocks are hidden.
Are there ready-made solutions? Or maybe there are ideas on how to implement something similar with the help of code. I watched. Everywhere only sliders without the ability to click on the link. I'd be grateful for even a little help.

Answer 1

Check out owlgraphic.com/owlcarousel/index.html#customizing
This carousel has a lot of customization, including owl.goTo(x) // Go to x slide

Answer 2

alvarotrigo.com/fullPage/#secondPage/1

Answer 3

scrollmagic.io/examples/advanced/section_slides_ma...
you really need to include ScrollTo, and set the navigation to position:fixed;