HarmonyOS 鸿蒙Next Web组件如何拿到其加载的内容的高度

Web组件可以通过设置nestedScroll属性来实现向上和向下的滚动功能。可以使用nestedScroll.scrollForward和nestedScroll.scrollBackward来分别设置Web组件往末尾端滚动时的嵌套滚动选项，以及可滚动组件往起始端滚动时的嵌套滚动选项。这些属性支持自定义不同方向上的嵌套滚动模式，默认为NestedScrollMode.SELF_FIRST。

参考demo：

nestScrollForward:NestedScrollMode= NestedScrollMode.SELF_FIRST

@State nestScrollBackward:NestedScrollMode=NestedScrollMode.PARENT_FIRST

private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

aboutToAppear(): void {
 webview.WebviewController.setWebDebuggingAccess(true);
}

build() {
 Column() {
  List({ space: 20, initialIndex: 0 }) {
   ListItem() {
    Web({ src: $rawfile('Page240523195733036_short.html'), controller: this.controller, renderMode: RenderMode.SYNC_RENDER })
     .javaScriptAccess(true)
     .layoutMode(WebLayoutMode.FIT_CONTENT)
     .nestedScroll({ scrollForward: this.nestScrollForward, scrollBackward: this.nestScrollBackward})
   }
   ForEach(this.arr, (item: number) => {
    ListItem() {
     Text('这是一条评论：' + item)
      .width('100%').height(100).fontSize(16)
      .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
    }
   }, (item: string) => item)
  }
  .listDirection(Axis.Vertical) // 排列方向
  .scrollBar(BarState.Off)
  .friction(0.6)
  .divider({ strokeWidth: 2, color: 0xFFFFFF, startMargin: 20, endMargin: 20 }) // 每行之间的分界线
  .edgeEffect(EdgeEffect.Spring) // 边缘效果设置为Spring
  .onScrollIndex((firstIndex: number, lastIndex: number, centerIndex: number) => {
   console.info('first' + firstIndex)
   console.info('last' + lastIndex)
   console.info('center' + centerIndex)
  })
  .width('100%')
 }
 .width('100%')
 .height('100%')
 .backgroundColor(0xDCDCDC)
 .padding({ top: 5 })
}