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

Question

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

Answer 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 });
}