C# uwp以编程方式上下滚动WebView_C#_Webview_Uwp

C# uwp以编程方式上下滚动WebView

c# webview uwp

C# uwp以编程方式上下滚动WebView,c#,webview,uwp,C#,Webview,Uwp,我正在创建一个简单的新闻提要，用户可以打开一个webview来查看新闻的详细信息，出于某种原因，我希望用户可以使用按钮来控制webview的上下滚动，而不是使用scrollviewer，我已经创建了webview来显示详细信息，但不知道如何使用按钮来上下滚动 <WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" /> <StackPanel Grid.Row="1" Horizonta

我正在创建一个简单的新闻提要，用户可以打开一个webview来查看新闻的详细信息，出于某种原因，我希望用户可以使用按钮来控制webview的上下滚动，而不是使用scrollviewer，我已经创建了webview来显示详细信息，但不知道如何使用按钮来上下滚动

<WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" />
<StackPanel
    Grid.Row="1"
    HorizontalAlignment="Center"
    Orientation="Horizontal">
    <Button
        x:Name="ScrollUp"
        Margin="10"
        Click="ScrollUp_Click"
        Content="ScrollUp" />
    <Button
        x:Name="ScrollDown"
        Margin="10"
        Click="ScrollDown_Click"
        Content="ScrollDown" />
</StackPanel>

出于某种原因，我希望用户可以使用按钮来控制webview的上下滚动，而不是使用scrollviewer

<WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" />
<StackPanel
    Grid.Row="1"
    HorizontalAlignment="Center"
    Orientation="Horizontal">
    <Button
        x:Name="ScrollUp"
        Margin="10"
        Click="ScrollUp_Click"
        Content="ScrollUp" />
    <Button
        x:Name="ScrollDown"
        Margin="10"
        Click="ScrollDown_Click"
        Content="ScrollDown" />
</StackPanel>

对于您的需求，您可以使用方法通知

javaScrip

以调用定制滚动方法。有关更多信息，请参阅，我已经创建了一个示例来实现简单的页面滚动。请参阅以下代码：

<WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" />
<StackPanel
    Grid.Row="1"
    HorizontalAlignment="Center"
    Orientation="Horizontal">
    <Button
        x:Name="ScrollUp"
        Margin="10"
        Click="ScrollUp_Click"
        Content="ScrollUp" />
    <Button
        x:Name="ScrollDown"
        Margin="10"
        Click="ScrollDown_Click"
        Content="ScrollDown" />
</StackPanel>

HtmlPage

<body>
    <div id="test" style="width: 600px;height: 400px;padding: 10px;margin: 10px;border: 1px solid black;overflow:scroll;font-size:15px;line-height:200px;">
        Content
    </div>
    <script type="text/javascript">
        function ScrollDownBtn() {
            test.scrollTop += 10;
        }

        function ScrollUpBtn() {
            test.scrollTop -= 10;
        }
    </script>
</body>

<WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" />
<StackPanel
    Grid.Row="1"
    HorizontalAlignment="Center"
    Orientation="Horizontal">
    <Button
        x:Name="ScrollUp"
        Margin="10"
        Click="ScrollUp_Click"
        Content="ScrollUp" />
    <Button
        x:Name="ScrollDown"
        Margin="10"
        Click="ScrollDown_Click"
        Content="ScrollDown" />
</StackPanel>

这是一段代码。

请先看这段代码，这是一个平台，您可以从中获得关于您的问题的好建议。但对于这一点，你需要更具体地说明你在问什么？到目前为止你做了什么？在提问之前，请查看建议的SO问题并查看它们。尽管如此，您仍然没有找到解决方案，您可以在这里提问。我创建了一个HTML页面（通过右键单击项目并选择“添加新项目”），然后尝试您的代码。但它告诉我这个错误：未知的名字。（来自HRESULT的异常：0x80020006（DISP_E_UNKNOWNNAME）在呈现页面之前，运行的脚本变为错误。

<WebView x:Name="MyWebView" Source="ms-appx-web:///NewsPage.html" />
<StackPanel
    Grid.Row="1"
    HorizontalAlignment="Center"
    Orientation="Horizontal">
    <Button
        x:Name="ScrollUp"
        Margin="10"
        Click="ScrollUp_Click"
        Content="ScrollUp" />
    <Button
        x:Name="ScrollDown"
        Margin="10"
        Click="ScrollDown_Click"
        Content="ScrollDown" />
</StackPanel>