Skip to main content

SmoothScrollViewer

Description​

SmoothScrollViewer hosts content with Fluent scrolling behavior and themed scrollbars.

Use it for scrollable content that should use Fluence scrolling visuals.

Constrained SmoothScrollViewer before scrolling in light mode Constrained SmoothScrollViewer before scrolling in dark mode

After scrolling​

The lower items come into view and the scrollbar indicator appears at the right edge.

SmoothScrollViewer after scrolling in light mode SmoothScrollViewer after scrolling in dark mode

Example usage​

<fluence:SmoothScrollViewer Height="220">
    <StackPanel Height="500">
        <TextBlock Text="Top of the content" />
        <TextBlock Margin="0,450,0,0" Text="Bottom of the content" />
    </StackPanel>
</fluence:SmoothScrollViewer>

State and behavior​

Scrolling changes the viewport while retaining Fluent scrollbar presentation.

Reference​