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

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

HarmonyOS
2024-05-07 21:51:08
浏览
收藏 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) 
  } 
}
分享
微博
QQ
微信
回复
2024-05-08 15:50:13
相关问题
HarmonyOS list 嵌套web滑动切换问题
504浏览 • 1回复 待解决
scrolllist嵌套滑动
1546浏览 • 1回复 待解决
HarmonyOS List+Swipe+web滑动冲突
224浏览 • 1回复 待解决
HarmonyOS Web组件List嵌套使用问题
287浏览 • 1回复 待解决
WebList嵌套手势冲突问题
1041浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
516浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动卡顿
301浏览 • 1回复 待解决
HarmonyOS 监听List组件滑动
48浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
26浏览 • 1回复 待解决
HarmonyOS Scroll+web+list嵌套滑行
10浏览 • 1回复 待解决
HarmonyOS 组件List如何禁止滑动
16浏览 • 1回复 待解决
HarmonyOS List联动滑动
47浏览 • 1回复 待解决
,配合List出现滑动不能到底问题
16浏览 • 1回复 待解决