HarmonyOS webview嵌套在布局中间，高度和滚动问题

import webview from '@kit.ArkWeb'; 
@Entry 
@Component 
struct WebHeightPage { 
  private webviewController: WebviewController = new webview.WebviewController() 
  private scroller: Scroller = new Scroller() 
  @State listPosition: number = 0; // 0代表滚动到List顶部，1代表中间值，2代表滚动到List底部。 
 
  aboutToAppear() { 
    // 配置Web开启调试模式 
    webview.WebviewController.setWebDebuggingAccess(true); 
  } 
 
  build() { 
    Scroll(this.scroller) { 
      Column() { 
        Column() { 
          Text("这里是头部区域") 
          .fontSize(28) 
            .fontColor("#FF0F0F") 
        } 
        .width("100%") 
        .height(100) 
        .backgroundColor("#f89f0f") 
 
        Web({ 
          src: 'https://mbmodule-staticres.paas.cmbchina.com/mb5web/default.html', 
          controller: this.webviewController, 
        }) 
          .width("100%") 
          .height("100%") 
          .onOverScroll((event) => { 
            console.info(`Invoke onOverScroll! xOffset: ${event.xOffset}, yOffset: ${event.yOffset}`); 
            this.scroller.scrollBy(event.xOffset, event.yOffset); 
          }) 
          .layoutMode(WebLayoutMode.NONE) 
          .zoomAccess(false) 
          .domStorageAccess(true) 
          .overviewModeAccess(true) 
          .imageAccess(true) 
          .onlineImageAccess(true) 
          .fileAccess(true) 
          .databaseAccess(true) 
 
        Text("这里是底部区域") 
          .fontSize(28) 
          .fontColor("#FF0F0F") 
          .width("100%") 
          .height(vp2px(100)) 
          .backgroundColor("#f89f0f") 
      } 
      .width("100%") 
    }.width("100%") 
    .height("100%") 
    .scrollBar(BarState.On) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.