HarmonyOS 在web中监听滚动？

Question

项目中有功能是使用web组件，web组件中套用H5，现在想监听到这个H5的滚动距离。

Answer 1

可以用document.documentElement.scrollTop || document.body.scrollTop获取滚动距离，例如：

try {
  this.controller.runJavaScriptExt(
    'document.documentElement.scrollTop || document.body.scrollTop',
    (error, result) => {
      if (error) {
        return;
      }
      if (result) {
        try {
          let type = result.getType();
          switch (type) {
            case web_webview.JsMessageType.STRING: {
              break;
            }
            case web_webview.JsMessageType.NUMBER: {
              this.scrollTop = result.getNumber()
              console.info("zfh this.scrollTop = " + this.scrollTop);
              console.info("zfh this.webHeight" + this.webHeight);
              this.pageHeight = this.controller.getPageHeight();
              console.log("zfh pageHeight : " + this.pageHeight);
              this.isWebAtEnd = false
              if (this.scrollTop + this.webHeight >= this.pageHeight) {
                this.isWebAtEnd = true;
              }
              break;
            }
            case web_webview.JsMessageType.BOOLEAN: {
              break;
            }
            case web_webview.JsMessageType.ARRAY_BUFFER: {
              break;
            }
            case web_webview.JsMessageType.ARRAY: {
              break;
            }
            default: {
              break;
            }
          }
        }
        catch (resError) {
        }
      }
    });
} catch (error) {
}