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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

0 个回复

要回复问题请先登录或注册

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

操作步骤：

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

预期结果：

像h5那样不闪烁

实际结果：

闪烁

bug描述：

0 个回复

公告

相关问题

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

操作步骤： 点击顶部三个切换tab，页面每次滚动时，顶部都会闪烁一下

预期结果： 像h5那样不闪烁

实际结果： 闪烁

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

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

操作步骤：

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

预期结果：

像h5那样不闪烁

实际结果：

闪烁