如何以编程方式滚动 UWP WebView？答案

【问题标题】：How to Programmatically Scroll UWP WebView?如何以编程方式滚动 UWP WebView？
【发布时间】：2016-04-08 13:23:15
【问题描述】：

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

【问题讨论】：

标签： c# windows webview win-universal-app

【解决方案1】：

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

您可以通过使用InvokeScriptAsync 方法调用或将脚本注入WebView 内容与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 });
}

【讨论】：