Skip to content

Files

Latest commit

0cc60f3 · Jul 3, 2024

History

History
20 lines (14 loc) · 659 Bytes

10-scrollbars-customization.md

File metadata and controls

20 lines (14 loc) · 659 Bytes
title
Styling Scrollbars

Scrollbars Customization

By default, some of the components provide additional CSS styles, which are applied to their scrollbars in order to achieve their target design.

Setting Default Scrollbar Styles to Components

To use native scrollbar styles, you have to add the CSS style class .ui5-content-native-scrollbars to the body element of your application.

Note: Because of some browser restrictions, this setting takes effect if it is applied before the initial rendering of the components, which use it.

Example:

<body class="ui5-content-native-scrollbars">
    ...
</body>