<view class="sticky">sticky</view>
<view :class="{fixed: isFixed}">fixed</view>
const isFixed = ref(false);
setTimeout(() => isFixed.value = true, 1000)
setTimeout(() => isFixed.value = false, 2000)
.sticky{
top: 10px;
}
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: Alpha
HBuilderX版本号: 3.8.11
手机系统: Android
手机系统版本号: Android 14
手机厂商: 华为
手机机型: mate40
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
<view class="sticky">sticky</view>
<view :class="{fixed: isFixed}">fixed</view>
const isFixed = ref(false);
setTimeout(() => isFixed.value = true, 1000)
setTimeout(() => isFixed.value = false, 2000)
.sticky{
top: 10px;
}
1、sticky不偏移,并显示正确结果
2、fixed 能正常
1、sticky偏移
2、fixed 不能恢复
本想实现Sticky的效果,但是设置top后,元素偏移了,滚动也未见吸顶top值,后来想使用fixed实现,但是设置fixed后,就无法恢复了。一直是fixed效果。。
0 个回复