.table_view {
height: 150rpx;
background-color: red;
position: sticky;
top:100rpx;
left: 0;
}
WebJie
- 发布：2023-02-09 10:57
- 更新：2023-02-09 12:22
- 阅读：281
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.6.18
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： 华为Nova9
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
.table_view {
height: 150rpx;
background-color: red;
position: sticky;
top:100rpx;
left: 0;
}
view使用该样式正常向下滚动
.table_view {
height: 150rpx;
background-color: red;
position: sticky;
top:100rpx;
left: 0;
}view使用该样式正常向下滚动
预期结果：
该view在距离顶部100rpx的位置停止滚动
该view在距离顶部100rpx的位置停止滚动
实际结果：
该view在顶部0rpx的距离停留，且原样式上存在类似于margin-top的效果
该view在顶部0rpx的距离停留，且原样式上存在类似于margin-top的效果
WebJie (作者)
示例demo已提供
2023-02-09 14:13