title: Uber eats type Horizontal ScrollSpy with scroll arrows
body: <p>What i am looking for is uber eats type menu style with auto horizontal scroll if the menu categories are more then the total width that is available and When the user scroll down, the menu active links keeps changing according to the current category that being viewed.
  <a href="https://i.stack.imgur.com/TtMEy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TtMEy.png" alt="enter image description here" /></a></p>
  <p>I am using material-ui at the moment and its <code>Appbar, Tabs and TabPanel</code> only allow a single category items to be displayed at the same time, not all, i have to click on each category to view that category items, unlike uber eats where you can just keep scrolling down and the top menu categories indicator keeps on reflecting the current position.
  I searched a lot but i didn't find any solution to my problem or even remotely related one too.
  Any help, suggestion or guide will be appreciated or if there is any guide of something related to this that i have missed, link to that will be awesome.</p>