HarmonyOS鸿蒙Next中scroll嵌套web首次无法滚动

scroll嵌套web 滑动参考示例

import geoLocationManager from '@ohos.geoLocationManager';
import BusinessError from "@ohos.base";
import web_webview from '@ohos.web.webview'
import business_error from '@ohos.base';

@Entry
@Component
struct Index {
  geocodeRequest: geoLocationManager.GeoCodeRequest = { "description": "常州市万达广场", "maxItems": 10 }
  reverseGeoCodeRequest: geoLocationManager.ReverseGeoCodeRequest = {
    latitude: 31.734816113942514,
    longitude: 119.94373220220504,
    locale: "zh",
    maxItems: 10
  }
  controller: web_webview.WebviewController = new web_webview.WebviewController()

  build() {
    Scroll() {
      NavDestination() {
        Stack({ alignContent: Alignment.Top }) {
          Flex() {
            Image($r('app.media.foreground'))
              .height(32)
              .width(32)
              .objectFit(ImageFit.Contain)
              .margin({ left: 8 })
              .onClick(() => {
                // RouterTypeHandler.pop()
              })
            Stack({ alignContent: Alignment.End }) {
              Image($r('app.media.foreground'))
                .width(35)
                .height(35)
                .objectFit(ImageFit.Contain)
                .onClick(() => {
                })
            }
            .height('100%')
            .layoutWeight(1)
          }
          .height(48)
          .width('100%')
          .backgroundColor(Color.Transparent)
          .zIndex(2)
          Column() {
            Image($r('app.media.startIcon'))
              .height(220)
              .objectFit(ImageFit.Cover)
            Text('title')
              .fontColor(Color.Black)
              .fontSize(24)
              .fontWeight(FontWeight.Bold)
              .margin({ top: 18 })
              .padding({
                left: 15,
                top: 10,
                right: 15,
                bottom: 10
              })
            RelativeContainer() {
              Image($r('app.media.startIcon'))
                .id('iv_head')
                .width(36)
                .height(36)
                .borderRadius(50)
              Image($r('app.media.startIcon'))
                .id('iv_office_v')
                .width(15)
                .height(15)
              Text('name')
                .id('name')
                .fontSize(14)
                .fontWeight(FontWeight.Bold)
                .margin({ left: 8 })
              Image($r('app.media.startIcon'))
                .id('iv_flag1')
                .height(2000)
                .width(30)
                .margin({ left: 5 })
              Image($r('app.media.startIcon'))
                .id('iv_flag2')
                .height(14)
                .width(30)
                .margin({ left: 4 })
              Text('description')
                .id('description')
                .fontSize(10)
                .fontColor(Color.Red)
                .margin({ left: 8, top: 4 })
            }
            .height(56)
            .width(100)
            .padding({ left: 20, right: 20 })
            Column() {
              Web({
                src: 'www.example.com',
                controller: this.controller,
                renderMode: RenderMode.SYNC_RENDER
              })
              .javaScriptAccess(true)
              .databaseAccess(true)
              .domStorageAccess(true)
            }
            .height(200)
            .width('100%')
          }
        }
        .alignItems(HorizontalAlign.Start)
        .width('100%')
        .zIndex(1)
      }
    }
    .width('100%')
    .height('500%')
    .padding({ top: AppStorage.get<number>('statusBarHeight') })
    .hideTitleBar(true)
  }
  .scrollable(ScrollDirection.Vertical)  // 滚动方向为垂直方向
  .scrollBar(BarState.On)  // 滚动条常驻显示
  .scrollBarColor(Color.Gray)  // 滚动条颜色
  .scrollBarWidth(10)  // 滚动条宽度
  .edgeEffect(EdgeEffect.Spring)
}