uniappyyds
uniappyyds
  • 发布:2023-05-27 11:41
  • 更新:2023-05-27 11:41
  • 阅读:411

【报Bug】app 和 小程序 position: sticky + pageScrollTo 一起使用,sticky部分会有很明显的闪烁问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 最新

HBuilderX类型: 正式

HBuilderX版本号: 3.8.3

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: 14pro

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<script lang="ts">  
import { defineComponent } from 'vue';  

export default defineComponent({  
  setup() {  
    const go = (key: number) => {  
      uni.pageScrollTo({  
        selector: `.item-${key}`,  
        duration: 0,  
      });  
    };  

    return {  
      go,  
    };  
  },  
});  
</script>  
<template>  
  <view>  
    <view  
      class="flex-wrap"  
      style="position: sticky; top: 0; width: 100%; height: 200rpx; background: red"  
    >  
      <view  
        class="flex-con"  
        @tap="go(100)"  
      >  
        100  
      </view>  
      <view  
        class="flex-con"  
        @tap="go(400)"  
      >  
        400  
      </view>  
      <view  
        class="flex-con"  
        @tap="go(900)"  
      >  
        900  
      </view>  
    </view>  
    <view  
      v-for="i in 1000"  
      :key="i"  
      :class="`item-${i}`"  
    >  
      {{ i }}  
    </view>  
  </view>  
</template>  
<style lang="scss" scoped></style>

操作步骤:

点击顶部三个切换tab,页面每次滚动时,顶部都会闪烁一下

预期结果:

像h5那样不闪烁

实际结果:

闪烁

bug描述:

app 和 小程序 position: sticky + pageScrollTo 一起使用,sticky部分会有很明显的闪烁问题

2023-05-27 11:41 负责人:无 分享
已邀请:

要回复问题请先登录注册