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

1
vote
5answers
89 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 ...
0
votes
2answers
90 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
48 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
1answer
195 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 ...
3
votes
3answers
198 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 ...
2
votes
1answer
55 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 ...
1
vote
0answers
55 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 ...
0
votes
0answers
87 views

jQuery sortable with horizontal scroll

What are everyone's thoughts regarding the use of horizontal window scrolling combined with jquery's sortable. We have 'X' number of columns, and inside are little widgets which can be sorted into ...
4
votes
2answers
588 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 ...
1
vote
1answer
35 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 ...
1
vote
1answer
81 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
192 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 ...
2
votes
2answers
494 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
528 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
88 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
316 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
443 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
667 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
321 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
983 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 ...
2
votes
1answer
241 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. ...
6
votes
4answers
760 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? ...
61
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 ...
0
votes
1answer
205 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 ...
2
votes
3answers
728 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
74 views

Is maintaining scroll good?

Should the scroll position be maintained when the page is reloaded? Is it a good user experience for users?
17
votes
4answers
926 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 ...
1
vote
2answers
411 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
172 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
427 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
548 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
411 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
154 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 ...
4
votes
3answers
839 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 ...
2
votes
1answer
50 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
0answers
589 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 ...
16
votes
4answers
4k 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 ...
17
votes
4answers
4k 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 ...
5
votes
4answers
283 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
3answers
642 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 ...
22
votes
6answers
924 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 ...
12
votes
8answers
488 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 ...
1
vote
0answers
125 views

Advice on BlackBerry Navigation and Layout Design [closed]

I have some problems trying to design layout and navigation structure for BlackBerry app. The basic of our layout is consists of two headers that will be fixed so that when users scroll horizontally ...
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 ...
1
vote
3answers
922 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 ...
18
votes
3answers
5k 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 ...
2
votes
2answers
751 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 ...
3
votes
1answer
257 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?
44
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 ...
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 ...