2

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 | |
  • 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 '18 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 '18 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 '18 at 5:56
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 | |
  • 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 '18 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 '18 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 '18 at 8:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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