c# - 如何使用 webbrowser 内容滚动整个 Windows Phone 页面？

Question

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

我的代码：

 <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 内容。