<template>
<view>
<view style="height: 300px;position: fixed;left: 0;right: 0;background-color: #007AFF;">
<text style="font-size: 30px;">NVUE</text>
</view>
<view style="height:500px;background-color: #FF5A5F;width: 100%;">
</view>
<view style="position: sticky;top:50px;background-color: #18BC37;height: 60px;">
</view>
<view style="height:1500px;background-color: #FF005F;">
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>
咳
- 发布：2022-01-22 18:13
- 更新：2022-04-25 19:57
- 阅读：429
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 设备名称 DESKTOP-O8KRVCG 处理器 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz 2.42 GHz 机带 RAM 16.0 GB (15.8 GB 可用) 设备 ID 203ED2D7-5A18-4349-92D5-A7818D0157BB 产品 ID 00342-36327-00835-AAOEM 系统类型 64 位操作系统, 基于 x64 的处理器 笔和触控 没有可用于此显示器的笔或触控输入
HBuilderX类型： 正式
HBuilderX版本号： 3.3.9
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： Redmi Note 9 Pro
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
上面的代码分别存成vue页面和nvue页面，可以观察异常。
上面的代码分别存成vue页面和nvue页面，可以观察异常。
预期结果：
上面的代码分别存成vue页面和nvue页面，可以观察异常。
上面的代码分别存成vue页面和nvue页面，可以观察异常。
实际结果：
上面的代码分别存成vue页面和nvue页面，可以观察异常。
上面的代码分别存成vue页面和nvue页面，可以观察异常。
bug描述：
1，nvue下面 position: sticky; 不是按父容器或者page的顶部定位，而是按他上面的兄弟容器定位。
2，nvue下面position: sticky; 遇到fixed块，不处于顶层。
附件有录屏视频。
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
确实存在
