How to make part of the scroll, horizontal in react?

Question

I want to make part of the normal scroll, horizontal without any scrollbars or left/right handles. (shown below)

Also, I don't want to use jquery or framer motion. As shown in the gif, the horizontal scroll is part of the normal scrollbar, it's like they are all part of one scroll view.

Answer 1

i managed to get it this far, i believe it should need more tweaking? hope this helps.

https://stackblitz.com/edit/stackblitz-starters-snrwjp?file=src%2FApp.js