The scrollable utility is used 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.