HarmonyOS web组件webcontroller .setScrollable(false)如果父组件是滚动性(Scroll)的滑动时则无法滚动

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

使用web全量展示功能即可,请参考:

import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct LongWebPage {
  private scroller: Scroller = new Scroller()

  controller: webview.WebviewController = new webview.WebviewController()
  @State NestedScrollModeF: NestedScrollMode = NestedScrollMode.PARENT_FIRST
  @State NestedScrollModeB: NestedScrollMode = NestedScrollMode.SELF_FIRST
  @State aa:number=200

  onBackPress(): boolean | void {
    if (this.controller.accessBackward()) {
      this.controller.backward()
      return true;
    }
    return false;
  }
  aboutToAppear(): void {
    webview.WebviewController.setWebDebuggingAccess(true)
  }

  build() {
    Scroll(this.scroller) {
      Column() {
        Web({ src: '', controller: this.controller,renderMode:RenderMode.SYNC_RENDER })
          .javaScriptAccess(true)
          .domStorageAccess(true)
          .mixedMode(MixedMode.All)
          .onControllerAttached(()=>{
            this.controller.setCustomUserAgent('Mozilla/5.0 (xxx; VRD-AL10; HMSCore 6.3.0.331) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 HuaweiBrowser/12.0.4.1 Mobile Safari/537.36')
            this.controller.loadUrl('https://developer.huawei.com/consumer/cn/?ha_linker=eyJ0cyI6MTcwODEyOTY4MDk5MywiaWQiOiI5NGE4Y2U3YzZkNWFjMzI1M2VlOWRkNjBhMWNhYjMwZCJ9')
          })
          .width('100%')
          .height('100%')
          .nestedScroll({ scrollForward: this.NestedScrollModeF, scrollBackward: this.NestedScrollModeB })
          .layoutMode(WebLayoutMode.FIT_CONTENT)
          .zoomAccess(false)


        Text('text1').width('100%').height('20%').backgroundColor('#ff0000')
        Text('text2').width('100%').height('20%').backgroundColor('#ff0000')
        Text('text3').width('100%').height('20%').backgroundColor('#ff0000')
        Text('text4').width('100%').height('20%').backgroundColor('#ff0000')
      }
      .width('100%')
    }.edgeEffect(EdgeEffect.Spring).backgroundColor('#DCDCDC').scrollBar(BarState.On).width('100%').height('100%')
    .height('120%')
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Scroll组件滚动控制
94浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
629浏览 • 1回复 待解决
HarmonyOS Scroll组件无法滑动
474浏览 • 1回复 待解决
HarmonyOS web组件滚动方向判断
42浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动条怎么隐藏
32浏览 • 1回复 待解决
HarmonyOS 如何隐藏Web组件滚动条?
548浏览 • 2回复 待解决
HarmonyOS使用Web组件如何监听滚动位置
624浏览 • 2回复 待解决
list组件无法滚动到底部
1310浏览 • 1回复 待解决