Web嵌套滑动卡顿怎么办?

Web嵌套滑动卡顿。

HarmonyOS
2024-11-05 10:48:22
1093浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

​滑动嵌套问题可以从两方面处理:方式1、使用触摸测试控制,设置触摸测试类型从而影响自身和兄弟节点等组件的触摸测试,参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5​​方式2、使用Scroll容器提供的nestedScroll属性设置嵌套滚动选项,可以设置前后两个方向上的嵌套滚动模式,参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5

方式2提供简单的示例代码如下:​

import web_webview from '@ohos.web.webview' 
 
@Entry 
@Component 
struct ScrollPage { 
  private scrollerForScroll: Scroller = new Scroller() 
  private scrollerForList: Scroller = new Scroller() 
  private arr: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15] 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
 
  build() { 
    Scroll(this.scrollerForScroll) { 
      Column() { 
        Web({ src: 'https://www.harmonyOS.com/', controller: this.controller }) 
          .width('100%') 
          .height('50%') 
        List({ space: 20, scroller: this.scrollerForList }) { 
          ForEach(this.arr, (item: number) => { 
            ListItem() { 
              Text("ListItem" + item) 
                .width("100%") 
                .height("100%") 
                .textAlign(TextAlign.Center) 
            }.width("100%").height(100) 
          }, (item: string) => item) 
        }.width("100%") 
        .height('80%') 
        .nestedScroll({ 
          scrollForward: NestedScrollMode.PARENT_FIRST, 
          scrollBackward: NestedScrollMode.SELF_FIRST 
        }) 
      } 
    }.width('100%') 
    .height('100%') 
    .padding(10) 
  } 
}
  • 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.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
分享
微博
QQ
微信
回复
2024-11-05 15:24:59


相关问题
自定义组件怎么办啊?
1058浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动
992浏览 • 1回复 待解决
HarmonyOS 页面嵌套滑动
764浏览 • 1回复 待解决
HarmonyOS 页面滑动
812浏览 • 1回复 待解决
redis 内存满了怎么办
4557浏览 • 3回复 待解决
无法使用hdc命令怎么办
4350浏览 • 1回复 待解决
多个模块依赖出现冲突,怎么办
1248浏览 • 1回复 待解决
鸿蒙优化,如何检测线上
368浏览 • 0回复 待解决
最新RNOH启动报错 ,该怎么办啊?
1732浏览 • 1回复 待解决
Gradle的依赖缓存被损坏怎么办
15681浏览 • 5回复 待解决
for .in 语法不支持,该怎么办啊?
1701浏览 • 1回复 待解决
模拟器无法创建该怎么办
944浏览 • 1回复 待解决
中奖码忘了保存怎么办
6516浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
1190浏览 • 1回复 待解决
运行应用提示如下内容该怎么办啊?
3458浏览 • 1回复 待解决
xml没有自动补全,要怎么办
8816浏览 • 3回复 待解决
同步数据时网络断了怎么办
252浏览 • 0回复 待解决
权限设置没有落地页,怎么办
1221浏览 • 1回复 待解决
提问
该提问已有2人参与 ,帮助了11人