ScrollHeader XAML Control

The ScrollHeader Control provides a header for ListViews or GridViews that adds the ability to keep its content visible or fade it out while scrolling down. It also has a quick return mode where the header hides when the ListView is scrolled down and reappears immediately as soon as the ListView is scrolled up again.

Syntax


<ListView Name="listView" ItemsSource="{x:Bind _items, Mode=OneWay}">
    <ListView.Header>
        <controls:ScrollHeader Mode="Sticky" TargetListViewBase="{x:Bind listView}">
            <TextBlock Text="Scroll Header" />
        </controls:ScrollHeader>
    </ListView.Header>
</ListView>

Example Image

ScrollHeader animation

Example Code

ScrollHeader Sample Page

Default Template

ScrollHeader XAML File is the XAML template used in the toolkit for the default styling.

Requirements (Windows 10 Device Family)

Device family Universal, 10.0.10586.0 or higher
Namespace Microsoft.Toolkit.Uwp.UI.Controls

API