Блок прокрутки одного конкретного элемента в ScrollViewer

Question

У меня есть одна статическая страница, отображающая результат события, как указано ниже.

<StackPanel Height="3700" >
  <ScrollViewer Margin="10" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible" Height="495" >    
    <Grid>
      <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="70"/>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
      </Grid.RowDefinitions>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="120"/>
        <ColumnDefinition Width="120"/>
        <ColumnDefinition Width="300"/>
        <ColumnDefinition Width="170"/>
        <ColumnDefinition Width="200"/>
      </Grid.ColumnDefinitions>
      <Border Grid.Row="1" Grid.ColumnSpan="5" Background="#FF3664F8"/>
      <Border Grid.Row="8" Grid.ColumnSpan="5" Background="#FF3664F8"/>

      <Border Grid.Row="2" Grid.ColumnSpan="5">
        <Image Source="../Images/Divider.png" Margin="0,30,0,0" Height="7"/>
      </Border>
      <Border Grid.Row="3" Grid.ColumnSpan="5">
        <Image Source="../Images/Divider.png" Margin="0,30,0,0" Height="7"/>
      </Border>
      <Border Grid.Row="4" Grid.ColumnSpan="5">
        <Image Source="../Images/Divider.png" Margin="0,30,0,0" Height="7"/>
      </Border>

      <TextBlock Text="column1" Grid.Row="1" Grid.Column="0" TextWrapping="Wrap" FontSize="24" Padding="5" FontWeight="SemiBold"/>
      <TextBlock Text="column2" Grid.Row="1" Grid.Column="1" FontSize="24" Padding="5" FontWeight="SemiBold" TextWrapping="Wrap"/>
      <TextBlock Text="column3" Grid.Row="1" Grid.Column="2" FontSize="24" Padding="5" FontWeight="SemiBold" TextWrapping="Wrap"/>
      <TextBlock Text="column4" Grid.Row="1" Grid.Column="3" FontSize="24" Padding="5" FontWeight="SemiBold" TextWrapping="Wrap"/>
      <TextBlock Text="column5" Grid.Row="1" Grid.Column="4" FontSize="24" Padding="5" FontWeight="SemiBold" TextWrapping="Wrap"/>

      <TextBlock Text="1" Grid.Row="2" Grid.Column="0" Padding="10" FontSize="20"/>
      <TextBlock Text="3269" Grid.Row="2" Grid.Column="1" Padding="10"/>
      <TextBlock Text="SINGH SURENDER" Grid.Row="2" Grid.Column="2" TextWrapping="Wrap" Padding="5"/>
      <TextBlock Text="IND" Grid.Row="2" Grid.Column="3" Padding="5"/>
      <TextBlock Text="1:05:44" Grid.Row="2" Grid.Column="4" Padding="5"/>

      <TextBlock Text="2" Grid.Row="3" Grid.Column="0" Padding="10" FontSize="20"/>
      <TextBlock Text="12784" Grid.Row="3" Grid.Column="1" Padding="10"/>
      <TextBlock Text="UTRAINEN JUTSI" Grid.Row="3" Grid.Column="2" Padding="5"/>
      <TextBlock Text="FIN" Grid.Row="3" Grid.Column="3" Padding="5"/>
      <TextBlock Text="1:05:57" Grid.Row="3" Grid.Column="4" Padding="5"/>

      <TextBlock Text="3" Grid.Row="4" Grid.Column="0" Padding="10" FontSize="20"/>
      <TextBlock Text="3202" Grid.Row="4" Grid.Column="1" Padding="10"/>
      <TextBlock Text="KUMAR SANTOSH" Grid.Row="4" Grid.Column="2" Padding="5"/>
      <TextBlock Text="IND" Grid.Row="4" Grid.Column="3" Padding="5"/>
      <TextBlock Text="1:06:17" Grid.Row="4" Grid.Column="4" Padding="5"/>
    </Grid>
  </ScrollViewer>
</StackPanel>

После каждого результата есть разделительная линия, для которой я использовал изображение (Divider.png).У нас есть 5 столбцов для отображения, поэтому для отображения используется средство горизонтальной прокрутки.

Проблема в следующем: мой дизайнер хочет, чтобы при горизонтальной прокрутке данные перемещались, а разделительная линия не двигалась.

Возможно ли это как-то ??

Answer 1

Я не уверен, что на самом деле нужно, так как мое понимание требований не имеет смысла. Если разделители не перемещаются, а содержимое перемещается, вы можете получить содержимое, перекрывающее разделитель.

Тем не менее, если вы хотите остановить прокрутку чего-либо, просто выньте его из средства просмотра прокрутки. Если вы поместите разделители позади средства просмотра прокрутки, то при условии, что у вас есть прозрачный фон для содержимого средства просмотра прокрутки, вы получите желаемый эффект.