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.

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"]