Scroll嵌套web,如何实现可以流畅的滑动,Web内容高度会变化

Scroll中嵌套Web组件,如何实现可以流畅的滑动,Web内容高度会变化。

HarmonyOS
2024-09-23 12:58:31
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以通过设置通用属性nestedScroll来控制滑动优先级,实现与父组件的滚动联动。

开发文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5

demo代码如下:

import web_webview from '@ohos.web.webview';  
@Entry  
@Component  
struct NestedScroll {  
  private scrollerForScroll: Scroller = new Scroller()  
  controller: web_webview.WebviewController = new web_webview.WebviewController();  
  
  build() {  
    Flex() {  
      Scroll(this.scrollerForScroll) {  
        Column() {  
          Text("原生区域")  
            .width("100%")  
            .height("40%")  
            .backgroundColor(0X330000FF)  
            .fontSize(16)  
            .textAlign(TextAlign.Center)  
  
          Web({ src: 'www.harmonyos.com', controller: this.controller })  
            .height("200%")  
            .nestedScroll({scrollForward: NestedScrollMode.SELF_FIRST, scrollBackward: NestedScrollMode.PARENT_FIRST})  
        }  
      }  
      .width("100%").height("100%")  
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding(20)  
  }  
}
分享
微博
QQ
微信
回复
2024-09-23 18:13:51
相关问题
HarmonyOS web高度自适应内容高度
36浏览 • 1回复 待解决
如何处理tabs嵌套web滑动场景
486浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
475浏览 • 1回复 待解决
scroll和list嵌套滑动
1497浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
1028浏览 • 1回复 待解决
Web嵌套滑动卡顿怎么办?
236浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
336浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1045浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
454浏览 • 1回复 待解决