How, let's say, to replace the scrollbar with arrows on the sides of the content area?

Question

css

Those. as in the screenshot - add arrows on the sides to move the content, well, hide the scroll (it's clear how).

Answer 1

Wrap the wide block in a block with overflow: hidden, this will remove the scrollbar.
Using js, we compare the width of both blocks. We hang handlers when clicking on the arrows.
When clicked, we shift the inner, wide block. Through position: relative or negative margin, for example.
It is necessary to make the shift smooth. .animate() or via css.