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 Tabs 控件 底部显示不全
922浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
996浏览 • 1回复 待解决
HarmonyOS Slider组件气泡提示显示不全
1082浏览 • 1回复 待解决
HarmonyOS PullToRefresh嵌套的List显示不全
883浏览 • 1回复 待解决
Scroll组件内显示不全问题
2446浏览 • 1回复 待解决
HarmonyOS 读取内容不全
707浏览 • 1回复 待解决
HarmonyOS web页面显示异常
853浏览 • 1回复 待解决
HarmonyOS web显示字体很小
720浏览 • 1回复 待解决
HarmonyOS Web界面显示白屏
1023浏览 • 1回复 待解决
HarmonyOS 日志打印不全
1658浏览 • 2回复 待解决
HarmonyOS web组件alert不显示
2382浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
937浏览 • 1回复 待解决
HarmonyOS web监听键盘显示隐藏
884浏览 • 1回复 待解决
HarmonyOS web加载链接显示效果异常
854浏览 • 1回复 待解决
HarmonyOS Web加载Url,图片不能显示
1481浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
2056浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
1036浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web显示问题
1099浏览 • 1回复 待解决