如何使用webbrowser内容滚动enitre Windows Phone页面？

Question

我在我的页面中有一个webbrowser和其他控件，我只是想滚动整个页面，而不是只滚动webbrowser。我怎样才能做到这一点？

我的代码：

<ScrollViewer > 
    <!--LayoutRoot is the root grid where all page content is placed--> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <Grid.Resources> 
      <convertstring:htmlconverter x:Name="htmlconv"/> 
      <convertstring:DateTimeToStringConverter x:Name="datetimestringconverter"/> 
     </Grid.Resources> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="200"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 

     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 

     <Image Source="/Images/smallerheading.png" 
       Margin="0,0,10,0" 

       Grid.Column="1"/> 

     <TextBlock Text="Stuff" 
       Foreground="Black" 
       FontSize="45" 
       Margin="15,5,0,0" 
       /> 

     <Image Grid.Row="1" Grid.ColumnSpan="2" 
       HorizontalAlignment="Center" 
       VerticalAlignment="Center" 
       x:Name="img"/> 

     <TextBlock Grid.Row="2" 
        x:Name="txtTitle" 
       TextWrapping="Wrap" 
       Grid.ColumnSpan="2" 
       FontSize="30" 
       Foreground="Black" /> 

     <StackPanel Grid.Row="3"> 
      <TextBlock Grid.Column="0" 
         x:Name="Autho" 
       TextWrapping="Wrap" 
       Foreground="Black"/> 

      <TextBlock 
       Foreground="Black" 
       x:Name="txtDate"/> 
     </StackPanel> 

     <phone:WebBrowser x:Name="webbrowsercontrol" 
         Grid.Row="4" 
         Background="Transparent" 
         Foreground="Black" 
         Grid.ColumnSpan="2" 
         FontSize="20"> 
     </phone:WebBrowser> 
    </Grid> 
</ScrollViewer> 

Answer 1

如果你不想滚动WebBrowser可言，你可以得出一个Border几乎是透明的（如#01000000）。

这样，您的触摸动作将不会由WebBrowser处理，而是由Border处理，页面将滚动而不是WebBrowser内容。