Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

A scrollbar is an object in a graphical user interface (GUI) with which continuous text, pictures or anything else can be scrolled

0
votes
1answer
22 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
1
vote
1answer
73 views

What scenarios exactly come under the umbrella of Scroll Hijacking?

I have read about Scroll Hijacking and understand its impact on UI. I just want to ask what could be the possible scenarios on UI which represents Scroll Hijacking. For example in below image [...
0
votes
0answers
17 views

What is the best way to present a document map with ranges?

I have a very long document that many lines can be logically grouped into ranges. For example, maybe something like this: cow #1 cow #2 cow #3 ... dog #1 dog #2 ... table #1 ... chair #1 ... etc. ...
1
vote
1answer
95 views

When to bring in a scroll?

I have a row of elements, and have a second row of elements below it. I am trying to keep both the tables in view of the user. At what row count should I ideally introduce a scroll?
3
votes
2answers
171 views

How should I design scrolling on my web site?

I'm redesigning an old reporting application for the Web, - previously it was a Windows Application. I have in mind two approaches, and I do not know which one is preferable for the users, so I hoped ...
1
vote
1answer
42 views

Should the entire page have a scrollbar when the header is always visible?

I'm working on a web application whose pages have a header which is always visible at the top and a sidebar fixed to the left. The sidebar isn't featured on all pages, but where it is featured it ...
4
votes
5answers
533 views

How to layout / structure a page with a long sidebar but a short content section?

Basically, I have a data table in the main content area and a filter section on the sidebar. The filter on the left serves as a filter for the data that would appear in the data table. Now, each of ...
0
votes
2answers
380 views

In terms of usability should width of custom scrollbar be thin or thick?

Should the scrollbar width be thin/sleek or thick so that user can grab using mouse and scroll? I know most of them prefer using a mouse while scrolling. In terms of usability should width be thick or ...
0
votes
1answer
193 views

How to indicate the relationship between a selected item in a list and the detailed item view when they are separated by a scroll bar?

I am designing an application which displays tickets. The tickets are displayed in a list. There can be hundreds of tickets in the list. When the user selects an item (i.e. ticket) from the list, the ...
0
votes
2answers
59 views

How do I call this interaction?

There's this interaction on Airbnb (example page: https://www.airbnb.com/rooms/432044), where the section containing the price, "Request to Book" call to action, etc. on the right are scrolled with ...
3
votes
1answer
517 views

Is the currently most used scrollbar pattern good for ux?

I've been thinking about the way most OS's handle scrollbars. The general pattern is an invisible scrollbar that only appears when the user scrolls. This is the case on Mac OS, iOS and Android (see ...
2
votes
1answer
857 views

How to deal with modals and scrollbars

In an application or site that employs modals (like these) what is seen as the best approach for managing the dynamically added additional space when a scrollbar is needed? When a modal opens ...
3
votes
3answers
330 views

Scrolling for the elderly

I'm creating a mobile app that needs to be suitable for elderly people. As is common for mobile apps, scrolling is done by dragging the screen up or down. However, I'm unsure if elderly people will ...
4
votes
1answer
723 views

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop?

What is the recommended height of a dropdown menu that has an internal scrollbar on desktop? I have a dropdown menu that when opened could contain 30 - 50 items to choose from. It's for desktop. I ...
4
votes
5answers
1k views

What is the best way to contain 20 or more checkboxes in form

In a user input form, a field has 20 (or more) checkboxes which can grow dynamically. What is the best way to show this to the user. Can I use scrollbar on div with fixed height. Or should I display ...
8
votes
8answers
4k views

Best approach for huge data tables (currently using scrolls)

Experts, I need help in assessing the best approach for huge tables (lets say 500 rows), we want something that is intuitive, visibly appealing and gives more focus to table data. Most pages will ...
0
votes
3answers
870 views

Web Applications - Why no scrollbars?

We've recently started developing a web application and are having problems with responsiveness in the design. Every time I try suggest a scrollbar as a solution I am told "No, it's an application so ...
1
vote
4answers
242 views

What's the best way to display text / content if the container has a size limit?

We have a page in our website that has a container with a static width and height (e.g. 500px x 500px). We are intending to keep the content inside short (to make it fit the size of the box). But in ...
2
votes
2answers
260 views

Sticky header + sticky social bar (mobile) = too much that is sticky?

Is it too much have both a sticky header (at the top of the viewport) and a sticky social bar (on the bottom) on mobile devices??? A sticky header is important for the user, but a sticky social bar ...
1
vote
3answers
538 views

Position of scroll next to inline list with index

Working on a custom filter of an ecommerce website, which has an inline frame since the list is really long. there will be an index so the used can jump to certain letters in the list. there will be a ...
2
votes
1answer
5k views

Floating horizontal scroll on a long page?

One of the pages in our web app has a long table of paginated results. The user can set the number of results per page which means the page can be very long (e.g. 200 rows). There is only one vertical ...
4
votes
3answers
6k views

Should we set a minimum height on a scrollbar thumb?

The scrollbar thumb has two purposes. To grab hold of to scroll down the content. To give a visual indication of how much content is contained. However, this raises the theoretical possibility that ...
2
votes
1answer
160 views

What's the best scrollbar position for window with docked sidebar on the right?

In LibreOffice, scrollbar isn't on the screen edge (for maximized window) when sidebar is enabled: This breaks the Fitt's law, as screen edges are important target for cursor movement. On the other ...
2
votes
1answer
101 views

Ubiquity of Side-swipe gestures

In windows, it's a fairly common experience to stumble on an app with a horizontal scrollbar and be forced to click and drag the scrollbar (terrible UX), where as in most Mac devices you can simply ...
4
votes
2answers
708 views

How do Windows users interact with scrolling panes?

Let's say there's a website with a row of gallery thumbnails you can click on. It looks like this: As a Mac user having always used either some sort of trackpad (built into the MacBook, or a Magic ...
105
votes
6answers
15k views

What do the 3 close horizontal bars (not hamburger menu) represent and what is the origin of the design?

For some reason, those 3 horizontal bars centered in this Jabber client application is something I associate with something you can drag down, but I can't remember at all why I associate 3 bars with ...
1
vote
1answer
65 views

Jump to parts of file in scrollbar

How should I create click to jump to parts of a file in the scrollbar. I have limited space, so I would like to overlay this with the scrollbar. I was thinking of something like download bmml ...
1
vote
1answer
161 views

Why does clicking the track on a scrollbar only navigate a fraction of the distance?

I am trying to understand the positioning logic for a scrollbar's thumb after the user clicks on the scrollbar's track. I'm surprised it's not as straight forward as I originally believed. The ...
1
vote
2answers
911 views

Two separate areas on the same page with separate scroll bars?

On a home page I have two modules with a content that doesn't fit within the fold of the page: the main content and notifications on the right side. So I have some options: Two separate scroll bars ...
3
votes
2answers
2k views

Multiple scrollbars when there is a pop-up or modal window. What is the reason for implementing this design pattern?

I have noticed on certain websites that are implemented as a single page and free scrolling view in browsers that when you trigger a pop-up or modal window a second scrollbar appears to allow the user ...
3
votes
4answers
1k views

Should mobile websites show a dedicated area for scroll bar like on desktop websites?

I often get these complain from my management team when i design long pages for them. I cant cut on information only because i have to fit in it one page. Some really basic users do not know if they ...
0
votes
1answer
144 views

Is mac's Invisible scroll a good UX? [duplicate]

I've recently seen latest mac os is having invisible scroll bars which will be visible only once your mouse comes onto it. I think it is a bit tough for the user to know if there is a page overflow or ...
4
votes
3answers
1k views

Pros vs Cons of a vertical scrollbar on a smartphone UI (app)

Nowadays it's totally common to see mobile UIs without any visible scroll bars. But I'm wondering if there actually are benefits with adding a vertical scroll bar on a mobile UI and if these benefits ...
0
votes
3answers
1k views

Are there still many people dragging scroll bar to scroll down/up in the webpage?

In the webpage, are there still many people dragging scroll bar to scroll down/up instead of Using wheels on the mouse or just two fingers' swiping on laptop's touch pad. I know for most mac users ...
2
votes
5answers
2k views

How to display a potentially huge set of options in a scrollable list?

Background I am designing a report building tool within a larger application because the users require the ability to create a large variety of customized reports. Solution To enable this I have ...
4
votes
2answers
485 views

How much scrolling is too much scrolling?

In this day in age, it seems that our users are accustomed to scrolling. Sure, it's good to have your main points "above the fold", or in other words, above the point in the browser window that the ...
9
votes
4answers
2k views

Mouse wheel interaction with nested scrollbars

Nested scrollbars (a scrollable area within another scrollable area) present some unfortunate difficulties, mainly when scrolling trough them with the mouse wheel. Whether such scrollbars are a good ...
3
votes
1answer
618 views

Anatomy of a UI Elements?

Where can I find documentation on the anatomy of UI elements, such as: Button: label, hit space Scroll Bars: track, thumb, up / down arrows Progress Bars: track, progress Slider: track, thumb etc. I ...
8
votes
4answers
2k views

In-page scrollbars - Yes or no? Or maybe

Is it bad UX to put a scroll bar in a module with a list, is there ever a case to use this? My developer says its a bad idea and just annoys users. Should this kind of thing never be used? download ...
66
votes
10answers
11k views

Is it safe to assume everyone uses / has mouse wheels?

Is it safe to assume all users are aware of using the mouse wheel to scroll and that all users have a mouse wheel on their mouse? I'm hoping to implement a scrollbar which stays hidden even when you ...
0
votes
1answer
464 views

Does styling the scrollbar affect UX? [duplicate]

What's the standard on styling scrollbars? Do you only apply it on panels within your application and leave the window scroll bars to a default? Does messing with scrollbar styles affect user ...
5
votes
6answers
2k views

Why does apple hide the vertical scrollbar on mac laptops?

I am interested in the logic why Apples hides the vertical scroll bar. In many cases it hide the fact that there is more vertical data that what appears on a specific window. Only when you scroll up ...
2
votes
2answers
102 views

Is maintaining scroll good?

Should the scroll position be maintained when the page is reloaded? Is it a good user experience for users?
20
votes
5answers
2k views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
2
votes
2answers
918 views

Are horizontal scrollbars acceptable in an internal web app?

The application that we are building has a lot of data and most of this data is requested to be displayed in a table. Our original goal was to stick with web standards and only display enough data ...
0
votes
1answer
225 views

Suggestions for a page with a variable amount of large tables

I'm building a reporting application. Reports are configured dynamically, and can contain any number of tables that are placed spaced vertically, where tables can be very large both in width and ...
0
votes
2answers
722 views

Expanding Panel placement

I'm designing a feature for a product, which is going to bring down a panel that contains a list of virtual machines. The user will use this panel frequently to - start, stop and deploy services into ...
1
vote
3answers
1k views

Text area showing scroll bars on focus only?

I'm trying to research the potential pitfalls of hiding a scroll bar in a textarea on a web page only when the element has focus. EG: No text = no scroll bars, text starts to overflow = add scroll ...
0
votes
1answer
512 views

Usability issue with horizontal scroll bars and page scrolling

Picture describing the problem can be seen below. Issue : users can't scroll the page (vertically) properly as the mouse wheel is caught by the categories of items which do scroll horizontally There ...
0
votes
2answers
213 views

Should I accept the os/browser scrollbar or create my own?

On the Mac (since Lion) the scrollbars are invisible, by default, until you actively scroll. Some web applications, notably Office 365 and Gmail, create their own scrollbars that are consistent across ...