3

I'm talking about a horizontal scrolling menu with "left" and "right" arrows to scroll. I have been seeing this thing everywhere since I started working on a design that uses them. What are they called?

From the Google Images search results
Google images horizonatal scrolling search filter bar

From Pinterest search results
Pintrest example

From Google play store
Google play store example

Improve this question
3
  • hello @Robert thanks for contributing to ux stackexchange, your question is more suitable in stackoverflow since it is regarding technical implementation, here you will find more value in asking questions about ux problems that you are facing, you can check this out for easier onboarding to our community ux.stackexchange.com/help/on-topic i hope this helps :)
    – UX Labs
    Oct 23, 2018 at 23:19
  • regarding the naming they are called tabs or navigation tabs, you can find more here material.io/design/components/tabs.html#usage
    – UX Labs
    Oct 23, 2018 at 23:38
  • As said, you need to remove the question about implementation or your question will be closed as being off-topic.
    – locationunknown
    Oct 25, 2018 at 5:56

1 Answer 1

Reset to default
3

As UX Labs mentioned, these are scrolling tabs. Sometimes they are called "scrollable containers." On Windows Phone, they used to be called "Pivot Control."

Sample code: https://codepen.io/srees/pen/pgVLbm

Library: https://material.io/develop/web/components/tabs/scroller/

Medium articles: https://medium.com/flexbox-and-grids/how-to-create-horizontally-scrollable-sections-with-flexbox-60d860f539b2

https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6

Improve this answer
3
  • 1
    Why would anyone not call these carousel _____ ? In this case, a carousel menu. "Scrollable containers" doesn't define the horizontal or non-vertical aspect of this scrollable container. I've never seen a carousel go up and down or up, down left and right.
    – insidesin
    Oct 26, 2018 at 5:53
  • @insidesin Because they don't go round like a carousel. With this UI, you can only scroll left and right from end to end, whereas a carousel does not have an end.
    – user68158
    Oct 26, 2018 at 8:00
  • @Levano there is such a thing as a carousel that doesn't repeat or reset. You don't wonder why a modal can be full-screen, why worry about a carousel that doesn't reverse/repeat? It's a name that fits, more so than a "scrollable container". Unless we're literally talking about a div with a scroll overflow, which isn't the case for most of these except maybe the Google Play store.
    – insidesin
    Oct 26, 2018 at 8:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.