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

时间:2016-04-08 13:23:15

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

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

1 个答案:

答案 0 :(得分:4)

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

您可以使用WebView方法在WebView内容中调用或插入脚本,与InvokeScriptAsync的内容进行互动。

例如:

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