自定义底部订单提交栏fixed定位被原生下拉刷新影响

<view class="navigation">  
            <view class="uni-tabbar-border"></view>  
            <u-row>  
                <u-col span="5">  
                    <u-grid :border="false">  
                        <u-grid-item>  
                            <u-icon name="kefu-ermai" size="24"></u-icon>  
                            <u-text size="10" text="客服" align="center"></u-text>  
                        </u-grid-item>  
                        <u-grid-item>  
                            <u-icon name="heart" size="24"></u-icon>  
                            <u-text size="10" text="收藏" align="center"></u-text>  
                        </u-grid-item>  
                        <u-grid-item>  
                            <u-icon name="share-square" size="24"></u-icon>  
                            <u-text size="10" text="分享" align="center"></u-text>  
                        </u-grid-item>  
                    </u-grid>  
                </u-col>  
                <u-col span="7" customStyle="padding-right:15px;margin:5px 0">  
                    <u-button type="primary" text="我要开团" shape="circle" color="#e1251b"></u-button>  
                </u-col>  
            </u-row>  
        </view>  

<style lang="scss">  
    .navigation {  
        /* #ifndef APP-NVUE */  
        display: flex;  
        /* #endif */  
        flex-direction: column;  
        position: fixed;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        /* #ifdef H5 */  
        left: var(--window-left);  
        right: var(--window-right);  
        /* #endif */  
        background-color: #ffffff;  
        height: 50px;  

        .uni-tabbar-border {  
            background-color: rgba(0, 0, 0, 0.33);  
            position: absolute;  
            left: 0;  
            top: 0;  
            right: 0;  
            height: 1px;  
            -webkit-transform: scaleY(.5);  
            transform: scaleY(.5);  
        }  
    }  
</style>