web组件和list嵌套滚动,在出现list后向下滑动,出现web滑动list不动的情况

web组件设置为全量展开,滑动也有这样的效果

HarmonyOS
2024-05-07 21:51:08
2616浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
社恐的小美

目前只支持两种web布局模式,分别为Web布局跟随系统WebLayoutMode.NONE和Web基于页面大小的自适应网页布局WebLayoutMode.FIT_CONTENT。默认为WebLayoutMode.NONE模式。自适应网页布局WebLayoutMode.FIT_CONTENT方式全量展开。

https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-web-0000001860247877#ZH-CN_TOPIC_0000001860247877__layoutmode11

当前规格只支持全量展开(LayoutMode)高度16000px

import webview from ‘@ohos.web.webview’; 
 
@Entry 
@Component 
struct WebHeightPage { 
  private webviewController: WebviewController = new webview.WebviewController() 
  private scroller: Scroller = new Scroller() 
 
  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', 
          // https://ishare.ifeng.com/c/s/v002E3vO1kV813bN9t9xd9RCB3YCJUUO2QyD8b9jXHERFTU__ 
          // https://mbmodule-staticres.paas.cmbchina.com/mb5web/default.html 
          controller: this.webviewController, 
          type:1 
        }) 
          .width('100%') 
          .layoutMode(WebLayoutMode.FIT_CONTENT) 
          .zoomAccess(false) 
          .domStorageAccess(true) 
          .overviewModeAccess(true) 
          .imageAccess(true) 
          .onlineImageAccess(true) 
          .fileAccess(true) 
          .databaseAccess(true) 
          .nestedScroll({ 
            scrollForward: NestedScrollMode.SELF_FIRST, 
            scrollBackward: NestedScrollMode.SELF_FIRST, 
          }) 
        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.
  • 58.
分享
微博
QQ
微信
回复
2024-05-08 15:50:13


相关问题
HarmonyOS list 嵌套web滑动切换问题
1176浏览 • 1回复 待解决
scrolllist嵌套滑动
2505浏览 • 1回复 待解决
HarmonyOS List+Swipe+web滑动冲突
646浏览 • 1回复 待解决
HarmonyOS Web组件List嵌套使用问题
1270浏览 • 1回复 待解决
WebList嵌套手势冲突问题
1647浏览 • 1回复 待解决
HarmonyOS list嵌套MapComponent滑动冲突
553浏览 • 1回复 待解决
HarmonyOS ListWeb嵌套问题
662浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动卡顿
979浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
1308浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
727浏览 • 1回复 待解决
HarmonyOS List嵌套ListList嵌套Grid问题
848浏览 • 1回复 待解决
HarmonyOS 监听List组件滑动
920浏览 • 1回复 待解决
HarmonyOS Scroll中嵌套List滑动事件冲突
779浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
1314浏览 • 1回复 待解决