c# - 如何以编程方式滚动 UWP WebView？

Question

我正在使用 WebView 制作一个简单的 UWP(通用 Windows 10 应用程序)网络应用程序。 如何单击按钮返回页面顶部？ 我在 MSDN 上找不到它。

Answer 1

您可以使用 window.scrollTo(0,0) 方法，它是一种将文档滚动到水平位置“0”和垂直位置“0”的 JavaScript 方法。

您可以与 WebView 的内容进行互动通过使用 InvokeScriptAsync调用脚本或将脚本注入(inject) WebView 内容的方法。

例如:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <WebView x:Name="theWebView" Source="https://msdn.microsoft.com/en-us/library/windows.ui.xaml.controls.webview.aspx">
    </WebView>
    <Button Content="To The Top" Click="Button_Click"></Button>
</Grid>

代码隐藏:

private string ScrollToTopString = @"window.scrollTo(0,0);";

private async void Button_Click(object sender, RoutedEventArgs e)
{
    await theWebView.InvokeScriptAsync("eval", new string[] { ScrollToTopString });
}