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)  
  }  
}
  • 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.
分享
微博
QQ
微信
回复
2024-09-23 18:13:51


相关问题
HarmonyOS Scroll嵌套web手势冲突
703浏览 • 1回复 待解决
HarmonyOS Scroll+web+list嵌套滑行
665浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
1249浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web,显示问题
821浏览 • 1回复 待解决
HarmonyOS web如何获取html内容高度
735浏览 • 1回复 待解决
如何处理tabs嵌套web滑动场景
1222浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
1239浏览 • 1回复 待解决
scroll和list嵌套滑动
2582浏览 • 1回复 待解决
Web嵌套滑动卡顿怎么办?
1159浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
671浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
2118浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1788浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
919浏览 • 1回复 待解决