xaml - 带有 XAML 元素 header 的 ScrollViewer 中的 WebView

Question

在 WebView 中，我使用 WP 8.1 加载 HTML 元素。每当内容超过 WebView 高度时，滚动就会没有问题。我的问题是我在 WebView 的顶部有 XAML 元素，它们必须随着 WebView 滚动而滚动。

源代码:

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

每当 WebView 元素“msgContent”滚动时，我希望堆栈面板“xamlelement”与 WebView 一起滚动。

Answer 1

这里的问题是我们可以通过这两个步骤禁用 webview 滚动

1)设置overhidden到加载到webview的html内容

2) 设置 webview 的高度等于其中加载的 html 内容。

但是当我们尝试在 webview 中移动时，evnets 不会传递给父 scrollviewer 元素