.Net MAUI WebView和iFrame -窗口高度问题

Question

我正在实现一个WebView，链接到一个很长的页面。在这一长页中，有一个菜单是从顶部的菜单激活的。作为一个普通的网页，这个底部的菜单打开在窗口的底部，但是在应用程序中，我必须滚动到页面的底部才能看到它。如何使这个显示在屏幕底部而不是页面底部？这是代码：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="Xyz.MainPage">

<Grid ColumnDefinitions="*"
      ColumnSpacing="0"
      RowDefinitions="*"
      RowSpacing="0">
    <ScrollView>
        <VerticalStackLayout
        Spacing="0"
        Padding="0"
        VerticalOptions="Center">
            <WebView Source="https://files.xyz.net/index.html"
                 HorizontalOptions="CenterAndExpand"
                 VerticalOptions="FillAndExpand">
            </WebView>
        </VerticalStackLayout>
    </ScrollView>
</Grid>

HTML页面

​

         <html>
  <head>
    <style>
html,body {height:100%}
        #one2go {
            width: 100% !important
        }
    </style>
  </head>
<body style="margin:0px;padding:0px;overflow:hidden">
<script src="test.js" data-formtarget="_self" data-xyz="357278" data-color="blue" data-language="en" data-width="250" data-height="251" data-border="1" data-hidelogo="1" data-domain="xyz.asia"></script>
</body>
</html>

​

Answer 1

如果我正确理解了您的问题，您可以简单地将其放在StackLayout中而不是网格/ScrollView中，如下所示：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage ...>
    <StackLayout
        VerticalOptions="Fill"
        HorizontalOptions="Fill">
        <WebView 
            VerticalOptions="FillAndExpand"
            HorizontalOptions="FillAndExpand"/>
    </StackLayout>
</ContentPage>

请注意VerticalOptions/HorizontalOptions很重要。这将使WebView成为页面上唯一的东西。