【报Bug】固定定位的元素在页面滚动时内容闪烁

确保定位元素和主体是同级的，你试试

<template>  
    <view class="content">  
        <view class="header">  
            定位元素  
        </view>  
        <view class="body">  
            <view class="jdt" v-for="(item,index) in 50 " :key="index">  
                这是页面内容{{item}}  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        components: {  

        },  
        data() {  
            return {  

            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .content{  
        padding: 0 30rpx;  
    }  
    .header{  
        position: fixed;  
        top: 0;  
        left: 0;  
        width: 750rpx;  
        height: 80rpx;  
        background-color: #666;  
    }  
    .body{  
        margin-top: 80rpx;  
        background-color: aliceblue;  
    }  
</style>

在有tabBar的时候就能复现 改了代码App热更新之后有时候又没得这个问题了 重启app之后这个问题又会出现

<template>  
    <view class="container">  
    <view class="fixed">  
      标题-首页  
    </view>  
        <view class="content">  
      <image class="logo" src="/static/logo.png" @click="jump"></image>  
            <view v-for="(item, idx) in 50" :key="idx">首页-内容{{idx}}</view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {}  
        },  
        onLoad() {},  
        methods: {  
      jump() {  
        uni.navigateTo({  
            url: 'detail'  
        });  
      }  
        }  
    }  
</script>  

<style>  
  .fixed {  
    position: fixed;  
    top: 0;  
    left: 0;  
    z-index: 99;  
    box-sizing: content-box;  
    text-align: center;  
    padding-top: var(--status-bar-height);  
    height: 44px;  
    line-height: 44px;  
    background-color: #1e88e5;  
    color: #fff;  
    width: 100%;  
  }  

    .logo {  
        height: 200rpx;  
        width: 200rpx;  
    }  

    .content {  
    padding-top: calc(var(--status-bar-height) + 44px + 32rpx);  
        font-size: 36rpx;  
        color: #8f8f94;  
    line-height: 100rpx;  
    text-align: center;  
    }  
</style>

pages.json

{  
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index"  
        },  
        {  
            "path": "pages/index/detail"  
        },  
        {  
            "path": "pages/center/index"  
        },  
        {  
            "path": "pages/my/index"  
        }  
    ],  
    "globalStyle": {  
        "navigationStyle": "custom",  
        "app-plus": {  
            "bounce": "none",  
      "softinputNavBar": "none"  
        }  
    },  
  "tabBar": {  
    "color": "#90A4AE",  
    "selectedColor": "#1e88e5",  
    "backgroundColor": "#FFFFFF",  
    "borderStyle": "rgba(0, 0, 0, 0.2)",  
    "blurEffect": "extralight",  
    "list": [  
        {  
            "pagePath": "pages/index/index",  
            "iconPath": "static/images/tabBar/home.png",  
            "selectedIconPath": "static/images/tabBar/home-1.png",  
            "text": "首页"  
        },  
        {  
            "pagePath": "pages/center/index",  
            "iconPath": "static/images/tabBar/trade.png",  
            "selectedIconPath": "static/images/tabBar/trade-1.png",  
            "text": "中心"  
        },  
        {  
            "pagePath": "pages/my/index",  
            "iconPath": "static/images/tabBar/my.png",  
            "selectedIconPath": "static/images/tabBar/my-1.png",  
            "text": "我的"  
        }  
    ]  
  }  
}