uniapp+uview 自定义导航栏后吸顶内容没有被覆盖

Question

如图所示，怎么让内容不穿透？navigationBarBackgroundColor无效

<u-sticky offset-top="35">
            <!-- 搜索框 -->
            <view class="search-wrap" style="height: 'this.navigationBarHeight'+%;">
                <!-- <u-navbar  :bgColor="bgColor">
                    <view class=""> -->

                <u-search placeholder="请输入你想要搜索的商品" v-model="keyword" :show-action="false" height="20"
                    @click="showSearch" disabled='true'></u-search>
                <!-- </view>
                </u-navbar> -->
            </view>
            <!-- 头部 tabs-->
            <view class="header">
                <u-tabs :list="tabsList" @click="tabsClick"></u-tabs>
            </view>
        </u-sticky>
styles
//搜索框
        .search-wrap{
            margin-top: 10%;
            margin-left: 2%;
            width: 65%;
            margin-bottom: 3%;
            z-index: 1000;
             height: var(--status-bar-height);  
        }
        //头部
        .header{
            margin: 0 auto;
            width: 100%;
            height: 35%;
            background: #f5f5f5;
            z-index: 1000;
        }
page.json
{
            "path": "pages/homePage/index",
            "style": {
                "navigationStyle": "custom",
                // "navigationStyle": "default",
                "navigationBarTitleText": "首页",
                "navigationBarBackgroundColor": "#007AFF"//无效
            }
        },

Answer 1

给个position:relative:z-index:999，层级设高一点