Questions tagged [scrollbars]
A scrollbar is an object in a graphical user interface (GUI) with which continuous text, pictures or anything else can be scrolled
89
questions
4
votes
1
answer
1k
views
Should scrollbars be integrated into the viewport width when content differs?
If a website consists out of navigation events (such as blogs where articles can vary in height) and the content is horizontally centered - the content shifts to the left when a scrollbar is added ...
- 143
0
votes
2
answers
118
views
Is it true, that Android vertical scroll is for information only? But how to scroll grid, that is full with actionable content?
Vertical Scroll on Android is rare. https://www.tutlane.com/tutorial/android/android-scrollview-horizontal-vertical-with-examples has animation of one such scroll and Microsoft Outlook web application ...
- 101
1
vote
0
answers
101
views
How can I prompt my site's users to scroll a table of data using (for instance) two-finger drag on their touchpad, rather than clicking the scrollbar?
I initially started off asking this question, on StackOverflow:
I want to know if a user's touchpad has multi-touch capability.
I think it's fairly trivial to detect WHEN multi touch is happening
(or ...
- 111
1
vote
0
answers
30
views
Scroller element changes size: which way should I grow/shrink?
I'm writing an infinite scroller widget for a messaging application.
Element sizes are not uniform, and may change as other users edit messages. In such a case, I need to shift other elements in the ...
0
votes
1
answer
197
views
Is it right to use horizontal scroll to show information related to the same content in details page
I have a Mobile app for recipes, the user can click on recipe to see its details, in details page we have image, title, tags, ingredients, and steps for preparation.
So my question is, is it right to ...
1
vote
2
answers
390
views
Should I use a left aligned scroll bar?
Usually, users expect scroll bars to be at the right side of the content they want to scroll. My page menu is located on the left side of the page however and is intended to be scrolled separately (...
- 111
2
votes
1
answer
274
views
Custom scrollbars in websites - do they make any sense?
Are custom scrollbars still needed today?
The only reason they were needed so far is because they are fugly on Windows. They are always visible and don't autohide and they just look bad. But I've see ...
- 71
104
votes
11
answers
34k
views
Are Scroll Bars Dead?
I recently heard a designer say something to the effect that modern web designs don't use visual scrollbars - or at least they're only visible when scrolling. I'm a front-end developer and hadn't ...
- 931
0
votes
1
answer
472
views
Best practice for use of grid in the web (desktop browser) application, scrolling is the biggest concern
Grid is the name for the extended table component, that allows the scrolling, ordering, sorting, grouping of the columns, allows to select one or more rows, sometimes allows to select single cells and ...
- 101
1
vote
1
answer
593
views
Do *ALL* mobile/touch browsers have “invisible” scrollbars in scrollable areas?
Usually in browsers in touch devices, in scrollable areas, a scrollbar only appears when a user touches it and starts scrolling by moving their finger (in some it never appears at all).
Is this ...
- 111
2
votes
1
answer
499
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 ...
- 27.1k
1
vote
1
answer
184
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 [...
- 73
1
vote
1
answer
102
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
2
answers
197
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 ...
- 133
1
vote
1
answer
179
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 ...
- 1,441
4
votes
5
answers
1k
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 ...
- 4,278
0
votes
2
answers
2k
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 ...
- 2,491
0
votes
1
answer
233
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 ...
- 55
0
votes
2
answers
70
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 ...
2
votes
1
answer
2k
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 ...
- 7,925
3
votes
1
answer
3k
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 ...
- 131
3
votes
3
answers
1k
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 ...
- 133
3
votes
1
answer
3k
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 ...
5
votes
5
answers
3k
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 ...
- 121
7
votes
8
answers
9k
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 ...
- 71
2
votes
3
answers
2k
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 ...
- 211
1
vote
4
answers
544
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 ...
- 4,278
2
votes
2
answers
379
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 ...
- 263
1
vote
3
answers
1k
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 ...
- 10.7k
3
votes
1
answer
10k
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 ...
- 231
5
votes
3
answers
17k
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 ...
JonW♦
- 37.4k
2
votes
1
answer
236
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 ...
- 23
2
votes
1
answer
114
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 ...
- 349
4
votes
2
answers
762
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 ...
- 210
112
votes
6
answers
16k
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 ...
- 4,064
1
vote
1
answer
86
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 ...
- 169
1
vote
1
answer
209
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 ...
- 297
1
vote
2
answers
2k
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 ...
- 71
4
votes
2
answers
4k
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 ...
- 27.1k
5
votes
4
answers
2k
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 ...
- 481
0
votes
1
answer
264
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 ...
- 161
4
votes
3
answers
4k
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 ...
- 1,074
1
vote
3
answers
2k
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 ...
- 11
2
votes
5
answers
4k
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 ...
- 880
4
votes
2
answers
1k
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 ...
- 411
10
votes
4
answers
3k
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 ...
- 391
3
votes
1
answer
1k
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 ...
- 131
9
votes
4
answers
3k
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 ...
- 179
70
votes
10
answers
13k
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 ...
- 2,858
0
votes
1
answer
677
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 ...
- 440