Lead: Femi Status colour Yellow title ongoing
| Table of Contents |
|---|
Description
Scroll is a user interaction component used to allow for the reveal of extra content which would otherwise be unable to be displayed within the existing UI real estate. They can be used within containers of the page layout and also within individual components.
Types
| Type | Usage |
|---|---|
| Fixed Scroll | When a fixed amount of content is loaded into a viewable container or component that is not large enough to display it all at once, a horizontal or vertical scrollbar is shown to enable the remaining content to be moved into view. |
| Infinite Scroll | When a large undefined amount of content is available for a viewable container or component that is not large enough to display it all at once, a horizontal or vertical scrollbar is shown to enable more content to be dynamically loaded into view. |
...
| State | Scroll |
|---|---|
| Regular Horizontal | 
|
| Hover Horizontal | 
|
| Active Horizontal | 
|
| Regular Vertical | 
|
| Hover Vertical | 
|
| Active Vertical | 
|
Interaction
Scroll interaction is governed by the chosen device, operating system and browser the application is running on. It is advised that those default interaction behaviours be unaltered primarily for conformance and accessibility reasons. The following are the required interaction recommendations common to all.
...