HarmonyOS Scroll+web+list的嵌套滑行

功能是文章加评论,布局如下

Scroll{
  Row()
  Web()
  Row()
  List()
}

现在想要的效果是Scroll里面的内容变成一个整体进行滚动

现在的问题是,Web要么是单独滚动,不会跟上下的Row连为一个整体进行滚动,要么是显示不全,通过设置web高度,nestedScroll都尝试过,希望能帮提供一个好的demo

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

请参考示例如下:

import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct LongWebPage {
  private scroller: Scroller = new Scroller()
  controller: webview.WebviewController = new webview.WebviewController()

  build() {
    Scroll(this.scroller) {
      Column() {
        Row(){ Text("11111") }.height(150)
        Web({
          src: '',
          controller: this.controller,
          renderMode:RenderMode.SYNC_RENDER
        }).onControllerAttached(() => {
          this.controller.loadUrl('https://developer.huawei.com/consumer/cn/?ha_linker=eyJ0cyI6MTcwODEyOTY4MDk5MywiaWQiOiI5NGE4Y2U3YzZkNWFjMzI1M2VlOWRkNjBhMWNhYjMwZCJ9')
        })
          .width('100%')
          .height('100%')
          .layoutMode(WebLayoutMode.FIT_CONTENT)
          .overScrollMode(OverScrollMode.NEVER)
          .zoomAccess(false)

        Row(){ Text("11111") }.height(150)

      }
      .width('100%')
    }.edgeEffect(EdgeEffect.Spring).backgroundColor('#DCDCDC').scrollBar(BarState.On).width('100%').height('100%')
    .height('120%')
    .width('100%')
  }

}
分享
微博
QQ
微信
回复
1天前
相关问题
scrolllist嵌套滑动
1546浏览 • 1回复 待解决
HarmonyOS list web scroll 联动
21浏览 • 1回复 待解决
HarmonyOS Scroll嵌套web手势冲突
8浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
516浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
40浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
399浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web,显示问题
72浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
509浏览 • 1回复 待解决
HarmonyOS ListWeb嵌套问题
29浏览 • 1回复 待解决
HarmonyOS Web组件和List嵌套使用问题
287浏览 • 1回复 待解决
WebList嵌套手势冲突问题
1043浏览 • 1回复 待解决