如何以編程方式滾動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 });
}