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

learn more… | top users | synonyms

100
votes
6answers
14k 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 ...
62
votes
10answers
9k 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 ...
45
votes
6answers
4k views

With infinite scrolling, do scrollbars still make sense?

I noticed this today on Google Plus: Virtual Scrollbar in a Google+ Gallery This is a virtual scrollbar, as opposed to native scrollbars everyone on Windows or pre-Lion OS X does know. Now this ...
30
votes
9answers
4k views

Why did scrolling vertically became a pattern?

Why do most of today's websites, especially news and blogs, use mostly vertical scrolling? Also why has it become a pattern, that the more you scroll down you find older material, rather than ...
23
votes
6answers
4k views

Are custom scroll bars easier to use or do they just look “nice”?

I've noticed that a lot of webapps have started using custom scroll bars. A few examples include Facebook, Trello, Google Docs, and Twitter. I'm sure you can think of some more: How do these types ...
22
votes
6answers
940 views

Are increase and decrease arrows redundant on scrollbars?

Surely these days users are either using touch devices to scroll with gestures or are dragging the thumb of the scrollbar or clicking inside the track. Would it be a bad idea to remove the arrow ...
21
votes
6answers
1k views

Is there a name for the UI that marks key positions in a scroll bar?

In Chrome, when you do a text search, you'll see the locations of found instances of the text string shown as yellow lines in the vertical scrollbar. If you run Visual Studio with the Resharper ...
19
votes
3answers
6k views

Are inner scrollbars a bad ux?

Looking at the gmail interface when replying a message, I can see the original message and just below it, the new message window. this pattern creates two vertical scrollbars: one in the browser ...
18
votes
4answers
5k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
17
votes
4answers
1k 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 ...
17
votes
4answers
5k views

Research on scrolling within modal (web)? pros/cons?

From a web UI perspective, is there any research or defined best practices in regards to scrolling within a modal window? Please provide specific links, studies, etc. I am of the school that a modal ...
12
votes
8answers
529 views

“Back to Top” alternate wording?

Seems that a "Back to Top" button is helpful and useful — especially for mobile sites. However, on websites that want to come across as "classy", it may sound a little primitive. Personally, I ...
11
votes
2answers
2k views

Scrollbars in right-to-left layout

I'm currently developing the Arabic version of an existing iOS app. iOS always displays scroll bars on the right. Should they be displayed on the left in RTL mode? With right-aligned content (images ...
9
votes
4answers
1k 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 ...
9
votes
8answers
531 views

What is the name of this kind of pattern/component?

I would like to know what this approach is called. In case my incredibly high-fidelity mockups are too confusing, what I'm after is a design that explicitly links the thumb to the viewport by drawing ...
8
votes
3answers
662 views

How to improve discoverability of transient scrollbar?

Starting from Mac OS X Lion, scrollbars have been transient. That is, they disappear when your mouse stops moving. Some sites, like Facebook, even emulate this transient scrollbar for Windows users: ...
7
votes
4answers
931 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? ...
7
votes
4answers
989 views

Scrollbars as a semi-transparent overlay

In most GUI implementations today, scrollbars take up a dedicated space next to the scrollable content. How about presenting scrollbars as a semi-transparent overlay on top of the scrollable content? ...
7
votes
4answers
1k views

Should I avoid using a scrolling div?

I am currently implementing a prototype of Lisa Tweedie's answer to my question about having too many checkboxes. The prototype I am building will look quite similiar to this: Problem: I am working ...
5
votes
4answers
317 views

Is the absence of a visible scroll bar confusing when asking users to agree with license terms?

This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...
4
votes
2answers
612 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 ...
4
votes
3answers
743 views

Accessible custom scrollbars?

While it seems that the general consensus on custom scrollbars is that they are somewhat detrimental to overall user experience, powers beyond my control are suggesting their implementation is ...
4
votes
2answers
367 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 ...
4
votes
5answers
1k views

Scrolling vs. Pagination for a Mobile Order Form

Ok here is my windows mobile application for ordering system. As client requested i added a next page button (the button after the +). This turns a page with preferences of a product. However most of ...
4
votes
3answers
395 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 ...
4
votes
3answers
1k views

Positioning scrollbars on Horizontal scrolling tables

Currently we have a table of results which has both a vertical and horizontal scroll due to the number of columns and rows displayed. A user has requested we add the horizontal scroll at the top of ...
4
votes
4answers
276 views

Is there any problem having a left scrollbar on a 2-panel web window?

I'm building a web interface with two panels. On the right one there would be a map, on the left one there would be some places, similar to Google Maps. We are considering having the scrollbar of the ...
4
votes
3answers
3k views

No scrollbars for scrollable controls on iPad & iPhone

When an element contains overflowing content, there is nothing that tells the user they can scroll to see more. They have to know to try the 2 finger swipe to see if anything moves. http://support....
3
votes
3answers
414 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 ...
3
votes
1answer
270 views

Does any body have some statistics about the usage of scrollbar buttons(up and down) in a web page?

I wanted to know how much a user uses scrollbar buttons rather than the thumb? and possible cases when he goes for buttons?
3
votes
4answers
617 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 ...
3
votes
5answers
922 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 ...
3
votes
4answers
2k views

Browsing a data table with scroll bar or paging?

I have a web application. On the homepage dashboard there are several tables containing a lot of records/rows, say 300. Sometimes users have to browse all of the rows in a table instead of directly ...
3
votes
2answers
3k views

Submit button on top of the long form

For example user have Options page with long form in it. The most popular options are often on the top of the form, so user is changing them and have to scroll to the bottom of the form to hit "Submit"...
2
votes
5answers
893 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 ...
2
votes
2answers
796 views

Horizontal scrolling of a small area on a desktop website

It seems that a new design patterns is becoming more popular in mobile apps. If you look at the latest release of the App Store they use a horizontal swipe pattern in order to navigate through various ...
2
votes
2answers
656 views

Is there a good visual cue to replace scrollbar

I'm designing mobile application and one of the screen has a few objects falling out of a screen. There's only two rows of information so I think vertical scrollbar would not really look good. Height ...
2
votes
1answer
307 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. ...
2
votes
1answer
52 views

How to maintain view-port in a page where data is dynamically coming from top

Its a long list in a web page, where all errors are dynamically coming as per the Load test run. Suppose there are 5 errors in one page and my focus is on the 2nd. As I am reading 2, the page ...
2
votes
1answer
80 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 ...
2
votes
1answer
69 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 ...
2
votes
2answers
631 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 ...
2
votes
2answers
80 views

Is maintaining scroll good?

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

Why does scrolling when dragging an element scroll faster on mouse wiggle? [closed]

I don't know about other operating systems, but this is very prolific in Windows. Let's say you have a scrollable container that items can be dragged onto. You want to drag an item onto the part of ...
1
vote
2answers
466 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 ...
1
vote
3answers
659 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 ...
1
vote
3answers
991 views

Solve multiple scroll bar on one page

I'm designing a dashboard where each box on the board contains a data table. They have fixed height so not all records can be displayed. I used the scroll bar for each box so that users can see more ...
1
vote
2answers
257 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 ...
1
vote
3answers
89 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 ...
1
vote
3answers
581 views

Web App on PC & Tablet - Tablet cue for scrollable panel?

I have a web app that's meant to be targeted to both PC and tablet users. The app has two main "panes" side-by-side (a map and a legend, effectively), and I'm finding that the "scrollability" (did I ...