Scroller Tests

Checking the Scroller workability under various UI conditions.

HTML Declaration

Default

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Hidden Scrollbar

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Hidden Navigation

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Missing All Navigation Labels

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Missing Some Navigation Labels

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Narrow Scrollbar

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Lots of Content

• First item
• Second item
• Third item
• Fourth item
• Fifth item
• Sixth item
• Seventh item
• Eighth item
• Ninth item
• Tenth item

Remote Content Layout Shift

• First item
• 
• Third item
• Fourth item
• Fifth item

Content Alignment: Center (Default)

• First item

Content Alignment: Start

• First item

Content Alignment: End

• First item

Start Position: Center

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Start Position: End

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Start Position: Number

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Start Position: Specified focused Node (Overrides Other Settings)

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Start Animation: Turned Off

• First item
• Second item
• Third item
• Fourth item
• Fifth item

JS Declaration

Default

Hidden Scrollbar

Hidden Navigation

Alignment: Start

Alignment: Center

Alignment: End

Start Position: Start

Start Position: Center

Start Position: End

Start Position: Number

Public API: Scroll to Position

Public API: Update Config

Public API: Item Click Callback

Use External Layout

Initially Hidden