Skip to content

You can scroll the ScrollView or the control with ScrollView to the top position by clicking GotoTop.

cs
public class GotoTop : Button

Attributes

PropertyDescriptionDefault ValueRemarks
TargetScrollView or controls with ScrollView
AnimatedWhether to use animationtrue
AnimationTimeAnimation duration0.2s
HidingHeightWhen ScrollView scrolls this height, GotoTop will be hidden0
AutoHidingWhether to automatically hidetrue

Case

xml
<hc:SimplePanel Width="500" Height="400">
    <hc:ScrollViewer Name="ScrollViewerDemo" IsInertiaEnabled="True" Margin="0,10,0,0">
        <Border Height="2000" Margin="8,0">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </LinearGradientBrush>
            </Border.Background>
        </Border>
    </hc:ScrollViewer>
    <hc:GotoTop Animated="True" AutoHiding="True" AnimationTime="500" Target="{Binding ElementName=ScrollViewerDemo}" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,20,20"/>
</hc:SimplePanel>

GotoTop

Released under the MIT License.