uni-app waterfall header使用position:sticky 还没有到视图位置header已浮起来

uni-app waterfall header使用position:sticky 还没有到视图位置header已浮起来

产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：iOS

手机系统版本号：IOS 14

手机厂商：苹果

手机机型：6sp、12 pro

页面类型：nvue

打包方式：云端

示例代码：

<template>  
    <waterfall  
        class="page"  
        column-count="2"  
        :left-gap="5"  
        :right-gap="5"  
        :column-gap="5"  
        column-width="auto"  
        :show-scrollbar="false"  
    >  
        <header>  
            <view class="header">  
                <text class="header-title">header</text>  
            </view>  
        </header>         

        <header style="position: sticky;">  
            <text class="sticky-tag">stickyTags</text>  
        </header>  

        <cell v-for="(item, index) in dataList" :key="item.id">  
            <view>  
                <text>{{item.name}}</text>  
            </view>  
        </cell>  

    </waterfall>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                dataList: []  
            }  
        },  
        created() {  
            for (var i = 0; i < 30; i++) {  
                this.dataList.push({  
                    id: i,  
                    name: i  
                });  
            }  
        }  
    }  
</script>  

<style>  

    .page {  
        flex: 1;  
    }  

    .header {  
        height: 800px;  
        flex-direction: row;  
        align-items: center;  
        justify-content: center;  
        background-color: #ff0001;  
    }  

    .header-title {  
        font-size: 30px;  
        font-weight: 700;  
        color: #444;  
    }  

    .sticky-tag {  
        text-align: center;  
        background-color: #007AFF;  
    }  
</style>