When a list, grid, or other component can be scrolled vertically, a scroll bar appears to the right of the component. The scroll bar is also displayed for pop-up components.
The placement of the scroll handle on the scroll bar reflects the position of the focus on the scrolling content.
The size of the scroll handle reflects the number of displayed items relative to the total number of items on the scrolled component.
The scroll bar is displayed only when content does not fit to the view.