HarmonyOS Tabs组件嵌套Web组件，导致横向滑动冲突

示例参考如下：

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

const tabList: Array<string> = ["综合", "产品", "资讯", "价格"];

@Entry
@Component
struct Index9 {
  private tabController: TabsController = new TabsController();
  @State currentIndex: number = 0;
  scroller: Scroller = new Scroller()
  controllerWeb: webview.WebviewController = new webview.WebviewController()

  build() {
    Tabs({ barPosition: BarPosition.Start, index: this.currentIndex, controller: this.tabController }) {
      TabContent() {
        Column() {
          Scroll(this.scroller) {
            Web({ src: 'https://xxx', controller: this.controllerWeb })
              .width('200%')
              .height(300)
          }.scrollBar(BarState.Off).scrollable(ScrollDirection.Horizontal).edgeEffect(EdgeEffect.Spring)

          Text("第一页")
        }.width("100%").height("100%")
      }.tabBar(this.tabBuilder(0, tabList[0]))

      TabContent() {
        Web({ src: 'https://xxx', controller: this.controllerWeb })
          .width('100%')
          .height(300)
      }.tabBar(this.tabBuilder(1, tabList[1]))

      TabContent() {
        Web({ src: 'https://xxx', controller: this.controllerWeb })
          .width('100%')
          .height(300)
      }.tabBar(this.tabBuilder(2, tabList[2]))

      TabContent() {
        Web({ src: 'https://xxx', controller: this.controllerWeb })
          .width('100%')
          .height(300)
      }.tabBar(this.tabBuilder(3, tabList[3]))
    }.width("100%").height("100%").barMode(BarMode.Fixed).onChange((index: number) => {
      this.currentIndex = index;
    })
  }

  @Builder
  tabBuilder(index: number, name: string) {
    Column() {
      Text(name).fontColor("#121212").fontSize(16)
      Column()
        .width(25)
        .height(4)
        .borderRadius(2)
        .linearGradient({
          direction: GradientDirection.Right,
          // 渐变方向
          repeating: false,
          // 渐变颜色是否重复
          colors: [[0xFF8800, 0.0], [0xD23023,
            1]]
          // 数组末尾元素占比小于1时满足重复着色效果
        })
        .opacity(this.currentIndex === index ? 1 : 0)
        .margin({ top: 7 })
      Divider().strokeWidth(0.5).width("100%").color("#F2F2F2")
    }.width("100%")
  }
}
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.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.