Scroller hosted pseudo-element structure

The following shows a visualization of possible arrangements of the ::scroll-button and ::scroll-marker-group pseudo-elements with respect to the originating scrolling container.

The boxes are colored as follows:

Option 1: Normal children

⬆️
⬇️
1 2 3

Option 2: Siblings

⬆️
⬇️
1 2 3

Option 3: Box parts

⬆️
⬇️
1 2 3