Scrollable
Scrollable
Make a containing box scrollable when scrolling is available.
Scrollable: AutoRequires ui:scrollerWrapper
Preview
About Scrollable
Use the scrollable utility when you need to provide scrolling within a section of a page. For example, when the content within an element exceeds either the width or height of the element, applying .slds-scrollable_y provides a vertical scrollbar, while .slds-scrollable_x adds a horizontal scrollbar.
Overview of CSS Classes
| Selector | .slds-scrollable |
|---|---|
| Summary | Forces element to scroll horizontally and vertically when content exceeds element's width and height |
| Restrict | * |
| Modifier | True |
| Selector | .slds-scrollable_none |
|---|---|
| Summary | Forces overflow items to not scroll within element's width and height |
| Restrict | * |
| Modifier | True |
| Selector | .slds-scrollable_y |
|---|---|
| Summary | Forces element to scroll vertically when content exceeds element's height |
| Restrict | * |
| Modifier | True |
| Selector | .slds-scrollable_x |
|---|---|
| Summary | Forces element to scroll horizontally when content exceeds element's width |
| Restrict | * |
| Modifier | True |