如何将拖动事件传递到其他视图

Question

请检查下图，这是我的UI在标签栏后面看到可拖动视图的方式。

在这里，即使拖动标签栏，我也要拖动视图。换句话说，我必须检测选项卡栏的拖动事件并将其传递给下面的视图。

我尝试通过覆盖

将所有标签栏触摸事件传递到视图下方

 for (let i = 0; i < 3; i++) {
        this.menuCategoryLength = await page.$$eval(".menu-categories .slick-slide", div => div.length);
        this.categoryNo = Math.floor(Math.random() * this.menuCategoryLength) + 1;
        await page.click(".menu-categories .slick-slide:nth-child(" + this.categoryNo + ")", {delay: 200});

        await page.waitForSelector(".menu-subcategories");
        this.menuSubCategoryLength = await page.$$eval(".menu-subcategories .slick-slide", div => div.length);
        this.subCategoryNo = Math.floor(Math.random() * this.menuSubCategoryLength) + 1;
        await page.click(".menu-subcategories .slick-slide:nth-child(" + this.subCategoryNo + ")", {delay: 200});

        this.menuItem = await page.$(".menu-items .menu-item-wrap", {visible: true});

        if (this.menuItem) {
            this.menuItemLength = await page.$$eval(".menu-items .menu-item-wrap", div => div.length);
            this.max = this.menuItemLength > 1 && this.menuItemLength < 4 ? this.menuItemLength : 3;
            this.itemNo = this.menuItemLength === 1 ? 1 : Math.floor(Math.random() * this.max) + 1;
            await page.click(".menu-item-wrap:nth-child(" + this.itemNo + ")", {delay: 200});
        }
    }

，但标签栏的实际行为（点击检测）停止工作。

有什么方法可以区分触摸和拖动事件，我们可以将其传递给所需的视图吗？如果没有，您能请我指导如何解决吗？