Scroll

<ResourceDictionary xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”&gt;

<Style x:Key=”ScrollBarThumb” TargetType=”{x:Type Thumb}”>
<Setter Property=”OverridesDefaultStyle” Value=”true” />
<Setter Property=”IsTabStop” Value=”false” />
<Setter Property=”Template”>
<Setter.Value>
<ControlTemplate TargetType=”{x:Type Thumb}”>
<Border x:Name=”rectangle”
SnapsToDevicePixels=”True”
Background=”{StaticResource SecondaryBrush}”
CornerRadius=”2″
Height=”{TemplateBinding Height}”
Width=”{TemplateBinding Width}” />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

<Style TargetType=”{x:Type ScrollBar}”>
<Setter Property=”Stylus.IsPressAndHoldEnabled” Value=”false” />
<Setter Property=”Stylus.IsFlicksEnabled” Value=”false” />
<Setter Property=”Width” Value=”10″ />
<Setter Property=”Margin” Value=”-10 0 0 0″ />
<Setter Property=”MinWidth” Value=”{Binding Width, RelativeSource={RelativeSource Self}}” />
<Setter Property=”Template”>
<Setter.Value>
<ControlTemplate TargetType=”{x:Type ScrollBar}”>
<Grid x:Name=”Bg” SnapsToDevicePixels=”true” Background=”Transparent”>

<Border Padding=”0 1″>
<Track x:Name=”PART_Track”
IsDirectionReversed=”true”
IsEnabled=”{TemplateBinding IsMouseOver}”
Width=”7″
HorizontalAlignment=”Center”>
<Track.DecreaseRepeatButton>
<RepeatButton Opacity=”0″ Command=”{x:Static ScrollBar.PageUpCommand}” />
</Track.DecreaseRepeatButton>
<Track.IncreaseRepeatButton>
<RepeatButton Opacity=”0″ Command=”{x:Static ScrollBar.PageDownCommand}” />
</Track.IncreaseRepeatButton>
<Track.Thumb>
<Thumb Style=”{StaticResource ScrollBarThumb}” />
</Track.Thumb>
</Track>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property=”Orientation” Value=”Horizontal”>
<Setter Property=”Width” Value=”Auto” />
<Setter Property=”MinWidth” Value=”0″ />
<Setter Property=”Height” Value=”10″ />
<Setter Property=”MinHeight” Value=”{Binding Height, RelativeSource={RelativeSource Self}}” />
<Setter Property=”Margin” Value=”0 0 0 0″ />

<Setter Property=”Template”>
<Setter.Value>
<ControlTemplate TargetType=”{x:Type ScrollBar}”>
<Grid x:Name=”Bg” SnapsToDevicePixels=”true”>
<Track x:Name=”PART_Track”
IsEnabled=”{TemplateBinding IsMouseOver}”
Height=”6″>
<Track.DecreaseRepeatButton>
<RepeatButton Opacity=”0″ Command=”{x:Static ScrollBar.PageLeftCommand}” />
</Track.DecreaseRepeatButton>
<Track.IncreaseRepeatButton>
<RepeatButton Opacity=”0″ Command=”{x:Static ScrollBar.PageRightCommand}” />
</Track.IncreaseRepeatButton>
<Track.Thumb>
<Thumb Style=”{StaticResource ScrollBarThumb}” />
</Track.Thumb>
</Track>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>

<Style TargetType=”{x:Type ScrollViewer}”>
<Setter Property=”Template”>
<Setter.Value>
<ControlTemplate TargetType=”{x:Type ScrollViewer}”>
<Grid x:Name=”Grid” Background=”{TemplateBinding Background}”>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=”*” />
<ColumnDefinition Width=”Auto” />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height=”*” />
<RowDefinition Height=”Auto” />
</Grid.RowDefinitions>
<Rectangle x:Name=”Corner” Grid.Column=”1″ Fill=”{DynamicResource {x:Static SystemColors.ControlBrushKey}}” Grid.Row=”1″ />
<ScrollContentPresenter x:Name=”PART_ScrollContentPresenter” CanContentScroll=”{TemplateBinding CanContentScroll}” CanHorizontallyScroll=”False” CanVerticallyScroll=”False” ContentTemplate=”{TemplateBinding ContentTemplate}” Content=”{TemplateBinding Content}” Grid.Column=”0″ Margin=”{TemplateBinding Padding}” Grid.Row=”0″ />

<ScrollBar x:Name=”PART_VerticalScrollBar”
Opacity=”0.2″
AutomationProperties.AutomationId=”VerticalScrollBar”
Cursor=”Arrow”
Grid.Column=”1″
Maximum=”{TemplateBinding ScrollableHeight}”
Minimum=”0″
Grid.Row=”0″
Visibility=”{TemplateBinding ComputedVerticalScrollBarVisibility}”
Value=”{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}”
ViewportSize=”{TemplateBinding ViewportHeight}” />

<ScrollBar x:Name=”PART_HorizontalScrollBar”
Opacity=”0.2″
AutomationProperties.AutomationId=”HorizontalScrollBar”
Cursor=”Arrow”
Grid.Column=”0″
Maximum=”{TemplateBinding ScrollableWidth}”
Minimum=”0″
Orientation=”Horizontal”
Grid.Row=”1″
Visibility=”{TemplateBinding ComputedHorizontalScrollBarVisibility}”
Value=”{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}”
ViewportSize=”{TemplateBinding ViewportWidth}” />
</Grid>

<ControlTemplate.Triggers>
<EventTrigger RoutedEvent=”MouseEnter”>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation To=”1″ Duration=”0:0:0.3″ Storyboard.TargetName=”PART_VerticalScrollBar” Storyboard.TargetProperty=”Opacity” />
<DoubleAnimation To=”1″ Duration=”0:0:0.3″ Storyboard.TargetName=”PART_HorizontalScrollBar” Storyboard.TargetProperty=”Opacity” />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent=”MouseLeave”>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation To=”0.2″ Duration=”0:0:0.3″ Storyboard.TargetName=”PART_VerticalScrollBar” Storyboard.TargetProperty=”Opacity” />
<DoubleAnimation To=”0.2″ Duration=”0:0:0.3″ Storyboard.TargetName=”PART_HorizontalScrollBar” Storyboard.TargetProperty=”Opacity” />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>