HarmonyOS web显示不全

web放在scroll中,设置web的高度后web的内容显示不全。

HarmonyOS
2024-09-06 09:31:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

Web组件嵌套滚动可以使用nestedScroll实现,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5

代码实现:

@State NestedScrollModeF: NestedScrollMode = NestedScrollMode.PARENT_FIRST 
@State NestedScrollModeB: NestedScrollMode = NestedScrollMode.SELF_FIRST 
build() { 
  Scroll() { 
    Column() { 
      Text("标题标题标题标题标题标题标题标题标题标题").height(200) 
      Web({ src: "", controller: this.controller }) 
        .javaScriptAccess(true) 
        .horizontalScrollBarAccess(false) 
        .verticalScrollBarAccess(false) 
        .margin({ top: 12, left: 12, right: 12 }) 
          // .height(this.webHeight) 
        .nestedScroll({ scrollForward: this.NestedScrollModeB, scrollBackward: this.NestedScrollModeF }) 
        .width('100%').height('100%')

还可以参考.layoutMode(WebLayoutMode.FIT_CONTENT)

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#layoutmode11

选择WebLayoutMode.FIT_CONTENT时,如果网页内容宽或长度超过8000px,加载会出现问题,需在Web组件创建的时候指定RenderMode.SYNC_RENDER模式。

分享
微博
QQ
微信
回复
2024-09-06 15:34:46
相关问题
HarmonyOS ListItem嵌套Tabs显示不全
126浏览 • 1回复 待解决
HarmonyOS Tabs 控件 底部显示不全
215浏览 • 1回复 待解决
HarmonyOS Slider组件气泡提示显示不全
308浏览 • 1回复 待解决
HarmonyOS PullToRefresh嵌套的List显示不全
176浏览 • 1回复 待解决
Scroll组件内显示不全问题
1345浏览 • 1回复 待解决
HarmonyOS 日志打印不全
626浏览 • 2回复 待解决
HarmonyOS 读取内容不全
57浏览 • 1回复 待解决
HarmonyOS web页面显示异常
176浏览 • 1回复 待解决
HarmonyOS web显示字体很小
130浏览 • 1回复 待解决
HarmonyOS Web界面显示白屏
256浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
1038浏览 • 1回复 待解决
HarmonyOS 直播格式不全待补齐
118浏览 • 1回复 待解决
HarmonyOS List展示不全的问题
477浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
76浏览 • 1回复 待解决
HarmonyOS web监听键盘显示隐藏
217浏览 • 1回复 待解决
HarmonyOS 键盘导致webview展示不全
153浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web显示问题
288浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
348浏览 • 1回复 待解决