Docs

Scroller

Styling API reference for the Scroller component.

CSS Selectors

The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the Styling documentation for more details on how to style components.

Root element

vaadin-scroller

States

Content overflow at bottom

vaadin-scroller[overflow~="bottom"]

Content overflow at top

vaadin-scroller[overflow~="top"]

Content overflow start (left)

vaadin-scroller[overflow~="start"]

Content overflow end (right)

vaadin-scroller[overflow~="end"]

Vertical scrolling only

vaadin-scroller[scroll-direction="vertical"]

Horizontal scrolling only

vaadin-scroller[scroll-direction="horizontal"]