A ScrollViewer control adds scrolling functionality to an area that may host other WPF controls. This tutorial shows you how to create and use a ScrollViewer control available in Windows Presentation Foundation (WPF) and XAML.
The ScrollViewer element in XAML represents a WPF ScrollViewer control.
<ScrollViewer></ScrollViewer>
The HorizontalScrollBarVisibility and VerticalScrollBarVisibility are two major used properties of ScrollViewer that enables horizontal and vertical scrolling. These properties are represented by a ScrollBarVisibility enumeration that has four values – Auto, Disabled, Hidden, and Visible.
The Disabled and Hidden values are used to disable and hide scrolling on WPF controls. Visible is used to make it visible all the time. Auto is the most used value which makes scrolling visible when it is needed only.
The following adds scrolling functionality to a TextBlock.
<Window x:Class="ScrollViewerSample.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<ScrollViewer HorizontalScrollBarVisibility="Auto">
<TextBlock TextWrapping="Wrap" Width="260" Height="400" VerticalAlignment="Top" >
This TextBlock is placed within a ScrollViewer control
with automatic scrolling enabled. If text goes outside of the width
or height, scrolling will be enabled automatically.
This TextBlock is placed within a ScrollViewer control
with automatic scrolling enabled. If text goes outside of the width
or height, scrolling will be enabled automatically.
</TextBlock>
</ScrollViewer>
</Window>