如何使用Web浏览器内容滚动整个Windows Phone页面?

时间:2013-10-04 09:12:47

标签: c# browser windows-phone

我的页面中有一个Web浏览器,有其他控件,我只是想滚动整个页面,而不是只滚动Web浏览器。我怎么能这样做?

我的代码:

 <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>

1 个答案:

答案 0 :(得分:1)

如果您根本不想滚动WebBrowser,可以绘制几乎透明的Border(例如#01000000)。

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