UWP - ScrollViewer example

MainPage.xaml

<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    >
    <ScrollViewer 
        Background="Orange" 
        HorizontalScrollBarVisibility="Auto"
        VerticalScrollBarVisibility="Auto"
        >
        <!--
            Use StackPanel Vertical orientation to enable
            contents vertical scrolling. And use StackPanel
            Horizontal orientation to enable contents horizontal scrolling.
        -->
        <StackPanel Orientation="Vertical" Padding="50">
            <TextBlock Text="A" FontSize="100"/>
            <TextBlock Text="B" FontSize="100"/>
            <TextBlock Text="C" FontSize="100"/>
            <TextBlock Text="D" FontSize="100"/>
            <TextBlock Text="E" FontSize="100"/>
            <TextBlock Text="F" FontSize="100"/>
            <TextBlock Text="G" FontSize="100"/>
            <TextBlock Text="H" FontSize="100"/>
            <TextBlock Text="I" FontSize="100"/>
            <TextBlock Text="J" FontSize="100"/>
            <TextBlock Text="K" FontSize="100"/>
            <TextBlock Text="L" FontSize="100"/>
            <TextBlock Text="M" FontSize="100"/>
            <TextBlock Text="N" FontSize="100"/>
            <TextBlock Text="O" FontSize="100"/>
            <TextBlock Text="P" FontSize="100"/>
            <TextBlock Text="Q" FontSize="100"/>
            <TextBlock Text="R" FontSize="100"/>
            <TextBlock Text="S" FontSize="100"/>
            <TextBlock Text="T" FontSize="100"/>
            <TextBlock Text="U" FontSize="100"/>
            <TextBlock Text="V" FontSize="100"/>
            <TextBlock Text="W" FontSize="100"/>
            <TextBlock Text="X" FontSize="100"/>
            <TextBlock Text="Y" FontSize="100"/>
            <TextBlock Text="Z" FontSize="100"/>
        </StackPanel>
    </ScrollViewer>
</Page>

More uwp tutorials

• UWP - ComboBox ItemTemplate example
• UWP - Drawing on a Canvas example
• UWP - Canvas example
• UWP - ScrollViewer scroll to bottom
• UWP - How to add item separator to ListView
• UWP - How to use ListView item click event
• UWP - Horizontal ListView example
• UWP - ListView complex ItemsSource example
• UWP - ListView Array ItemsSource example
• UWP - How to use ListView
• UWP - Simple Flyout example
• UWP - Simple ContentDialog example
• UWP - HyperlinkButton example
• UWP - Simple MessageDialog example
• UWP - Remove control programmatically