Web嵌套滑动卡顿怎么办?

Web嵌套滑动卡顿。

HarmonyOS
3天前
浏览
收藏 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) 
  } 
}
分享
微博
QQ
微信
回复
3天前
相关问题
自定义组件怎么办啊?
205浏览 • 1回复 待解决
HarmonyOS List嵌套waterflow滑动
154浏览 • 1回复 待解决
redis 内存满了怎么办
3612浏览 • 3回复 待解决
无法使用hdc命令怎么办
3000浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
304浏览 • 1回复 待解决
中奖码忘了保存怎么办
5498浏览 • 1回复 待解决
最新RNOH启动报错 ,该怎么办啊?
876浏览 • 1回复 待解决
for .in 语法不支持,该怎么办啊?
655浏览 • 1回复 待解决
Gradle的依赖缓存被损坏怎么办
14025浏览 • 5回复 待解决
如何处理tabs嵌套web滑动场景
375浏览 • 1回复 待解决
运行应用提示如下内容该怎么办啊?
2229浏览 • 1回复 待解决
xml没有自动补全,要怎么办
7790浏览 • 3回复 待解决
权限设置没有落地页,怎么办
23浏览 • 1回复 待解决
npm install -g serialport出错怎么办
15300浏览 • 5回复 待解决
安装动态库失败,该怎么办啊?
495浏览 • 1回复 待解决
怎么办啊?
672浏览 • 1回复 待解决
关于启动慢问题首帧分析
259浏览 • 1回复 待解决