如何处理tabs嵌套web滑动场景

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Component 
@Entry 
struct TabWebPage2 { 
  @State message: string = 'Hello World'; 
  private tabsController = new TabsController(); 
  private currentIndex: number = 0; 
  private webviewController: web_webview.WebviewController = new web_webview.WebviewController(); 
  private panOption: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.Vertical }) 
  // 控制滑动页面进行页面切换 
  @State flag: boolean = true 
  build() { 
    Tabs({ barPosition: BarPosition.End, controller: this.tabsController }) { 
      TabContent() { 
        Web({ src: 'https://m.xxx.com/', controller: this.webviewController })// 设置嵌套滚动 
          .nestedScroll({ 
            scrollForward: NestedScrollMode.PARENT_FIRST, 
            scrollBackward: NestedScrollMode.SELF_FIRST 
          }) 
      }.tabBar(this.tabBuilder('首页', 0)) 
 
      TabContent() { 
        Column() { 
          Text("发现") 
        }.width('100%').height('100%') 
      }.tabBar(this.tabBuilder('发现', 1)) 
 
      TabContent() { 
        Column() { 
          Text("推荐") 
        }.width('100%').height('100%') 
      }.tabBar(this.tabBuilder('推荐', 2)) 
 
      TabContent() { 
        Column() { 
          Text("我的") 
        }.width('100%').height('100%') 
      } 
      .tabBar(this.tabBuilder('我的', 3)) 
    } 
    .onChange((index: number) => { 
      this.currentIndex = index; 
    }) 
    .scrollable(this.flag) 
    .onAnimationStart((index: number, targetIndex: number, event: TabsAnimationEvent) => { 
    }) 
    .onAnimationEnd((index: number, event: TabsAnimationEvent) => { 
      // 切换动画结束时触发该回调，设置web组件可以滑动 
      this.webviewController.setScrollable(true) 
    }) 
    .onGestureSwipe((index: number, event: TabsAnimationEvent) => { 
      // 在页面跟手滑动过程中，逐帧触发该回调，设置tab页切换的时web页无法上下滑动 
      this.webviewController.setScrollable(false) 
    }) 
  } 
 
  @Builder 
  tabBuilder(title: string, targetIndex: number) { 
    Column() { 
      Text(title) 
        .fontColor(this.currentIndex === targetIndex ? '#1698CE' : '#6B6B6B') 
    } 
    .width('100%') 
    .height(50) 
    .justifyContent(FlexAlign.Center) 
  } 
}