在Windows Phone 8.1中的WEB VIEW中添加XAML元素

Question

正在开发windows phone app。在Web视图中我加载了html元素，其中每当内容超出Web视图高度时，滚动都没有问题。 我的问题是在Web视图的顶部有xaml元素，它必须与Web视图滚动一起滚动。

样品：

<ScrollViewer>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid VerticalAlignment="Top" >
<StackPanel x:name="xamlelement" Margin="15 20 0 0">
  -------
  -------
  -------
</StackPanel>
</Grid>
<Grid x:Name="testgrid" Grid.Row="1">
<WebView Margin="0 30 0 0"  VerticalAlignment="Stretch" HorizontalAlignment="Stretch" x:Name="msgContent" >
</WebView>
</Grid>
</Grid>
</ScrollViewer>

当“msgContent”webview元素滚动时，我希望“xamlelement”堆栈面板与Web视图一起滚动

Answer 1

您需要测量“Html页面”的内容，并将Web视图的高度设置为测量的高度。然后，您必须禁用Web视图的滚动。

msgContent.IsHitTestVisible = false;

因此，您将在滚动视图内的自然流“您的堆栈面板+ Web视图”中拥有两个元素。所以它会以你想要的方式轻松滚动。