产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window 11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： Android
手机系统版本号： Android 12
手机厂商： OPPO
手机机型： findx3 pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
<view class="my_tabs">
<u--tabs :list="tabs" lineColor="#FB1F1E" :activeStyle="{color:'#FB1F1E'}" @change="tabChange"></u--tabs>
</view> // padding-top: 36rpx;
position: sticky;
left: 0;
right: 0;
// width: 750rpx;
// overflow-y: overlay;
top: 0;
}在安卓和h5均会出现此问题，最开始我以为时布局样式导致的，重新新建一个新的项目（vue2,vue3）均尝试在index.vue使用position: sticky;同样会出现此问题
position: sticky区域正常吸顶，不抖动
position: sticky区域正常吸顶，但是使用position: sticky的区域闪动，抖动
使用position: sticky；在页面滚动时 position: sticky 的区域会抖动
1***@163.com - 在技术的道路上缓慢前进
你好！在使用position: sticky属性时，确实可能会出现区域抖动的问题。这通常是由于在滚动时计算错误或者由于浏览器的渲染问题引起的。
有一些常见的原因可能导致抖动的问题：
元素的高度问题：检查被sticky定位的元素的高度是否正确设置。如果元素的高度超出了父元素或者视口的高度，可能会导致区域抖动。
父元素的高度问题：父元素的高度也可能会影响sticky元素的定位。确保父元素的高度适当设置，并且没有溢出。
元素之间的重叠问题：如果sticky元素与其他元素之间存在重叠，可能会导致抖动。尝试调整其他元素的定位或者z-index属性，确保不会重叠。
元素的z-index设置问题：如果其他元素的z-index设置比sticky元素的z-index更高，可能会导致抖动。确保sticky元素的z-index设置较高。
等下班 (作者)
我发现了 在浏览器上调试始终都会抖动 在安卓app上如果tabbar页面开启了blurEffect，会导致tabbar页面性能很差，特别是position: sticky 的区域 滚动时不仅仅抖动 还会闪动，希望优化下吧。
2023-08-31 09:06
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001