Событие маршрута к элементу под текущим элементом

Question

Я пытался создать один холст с двумя слоями. Один слой прокручивается горизонтально, второй - сверху и прокручивает по вертикали. Во втором слое (том, который прокручивается вертикально) я складывал прозрачную сетку (или панель) и панель с информацией, чтобы мы могли видеть первый слой, который находится под этим, и если мы прокручиваем вверх, у нас есть информация который появляется на экране.

Это работает как шарм, за исключением того, что если я прокручиваю по горизонтали, первый слой (один под) не прокручивается вообще. Это не проблема, если вертикальные прокрутки не прокручиваются, если мы проведите прозрачную сетку.

Это моя XAML

<Canvas x:Name="Canvas"> 
    <local:MyPage x:Name="PageContainer"/> <!--This one scrolls horizontally --> 
    <ScrollViewer 
        HorizontalScrollBarVisibility="Disabled" 
        VerticalScrollBarVisibility="Hidden" 
        Height="{Binding ActualHeight, ElementName=UcRoot}"> 
<!--This one scrolls vertically and appears on top --> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid Height="600" Width="600" Grid.Row="0" x:Name="TransparentGrid" ></Grid> 
      <Grid x:Name="Information" Background="Azure" Height="1200" Width="600" Grid.Row="1"> 
      </Grid> 
     </Grid> 
    </ScrollViewer> 

</Canvas> 

Я пробовал много вещей на прозрачной сетке (настройка ширины 1, удаляя его и установив информацию маржинального сетки сверху 1200, например), но сетка захватывает событие и не ретранслирует на мою страницу.

Могу ли я получить помощь?

Спасибо!

Answer 1

Вы должны установить фон для 'Transparent' к сетке, чтобы иметь возможность нажать на нее и салфетки .. и вы, возможно, нужны эти свойства, чтобы играть с:

ScrollViewer.VerticalScrollMode 
ScrollViewer.HorizontalScrollMode 

Хотя, это мой предлагаемые решения:

 <ScrollViewer ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.HorizontalScrollMode="Disabled" > 
      <Grid > 
       <TextBlock Text="contnet" /> 
      </Grid> 
     </ScrollViewer> 

     <ScrollViewer ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.HorizontalScrollMode="Enabled" > 
      <Grid Background="Transparent"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <Grid Height="600" Width="600" Grid.Row="0" x:Name="TransparentGrid" Background="Transparent" ></Grid> 
       <Grid x:Name="Information" Background="Azure" Height="1200" Width="600" Grid.Row="1"/> 


      </Grid> 
     </ScrollViewer> 

    </Canvas>