scrollbars
Window edge controls
Scrollbars are the narrow strips along the edges of a window or frame that let you navigate content too large to display at once.
Clicking or dragging the bar moves the visible portion up, down, or sideways.
Once prominent interface elements, scrollbars have become increasingly subtle or hidden in modern design, appearing only when you begin scrolling.
Path or monitored route
- thumbShort opposable digit
- gripSecure manual hold
- handlePart for gripping
- arrowsShafted projectiles for bows
trough · slider · elevator · stepper · channel · gutter · rail
Exceed capacity and spill
- horizontalParallel to the horizon
- verticalAt right angles groundward
- visibleAble to be seen
- hiddenKept out of sight
auto · custom · styled · thin · overlay · floating · persistent · fade
Resistance through fluid
swipe · flick · pan · momentum · kinetic · thumbwheel · trackpad · touchpad
Web presentation language
- customHabitual group practice
- themedHaving a unifying subject
- cross-browserWorks in any viewer
- skinnedHad covering removed
color · rounded · minimalist · invisible · modern · native · system
Converts display to audio
- focusConcentrated attention point
- contrastNotable difference between things
- usabilityEase of interaction quality
- visibilityRange of clear sight
track
Path or monitored route
arrows · trough · slider · elevator · stepper · channel · gutter · rail
overflow
Exceed capacity and spill
- horizontalParallel to the horizon
- verticalAt right angles groundward
- visibleAble to be seen
hidden · auto · custom · styled · thin · overlay · floating · persistent · fade · transparency
drag
Resistance through fluid
release · swipe · flick · pan · momentum · kinetic · thumbwheel · trackpad · touchpad · gestures
CSS
Web presentation language
- customHabitual group practice
- themedHaving a unifying subject
- cross-browserWorks in any viewer
skinned · color · rounded · minimalist · invisible · modern · native · system
screen-reader
Converts display to audio
scrollbarszoom controls
Tools adjusting display scale
pagination · page numbers · magnification · truncation · breadcrumbs