咳

发布：2022-01-22 09:00
更新：2022-01-22 11:45
阅读：589

【报Bug】nvue 定位模式 position: sticky;与vue不一致

分类：uni-app

bug已确认 nvue sticky

产品分类： 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.5

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型： Redmi Note 9 Pro

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

    </view>  
    <view style="position: sticky;top:50px;background-color: #18BC37;height: 60px;">  

    </view>  
    <view style="height:1500px;background-color: #FF005F;">  

    </view>  
</view>

</template>

        }  
    },  
    methods: {  

    }  
}

</script>

<style>

</style>

操作步骤：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

预期结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

实际结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

bug描述：

1，nvue下面 position: sticky; 不是按父容器或者page的顶部定位，而是按他上面的兄弟容器定位。
2，nvue下面position: sticky; 遇到fixed块，不处于顶层。
附件有录屏视频。

ea2a29f50461c236c9b7eb46e07e154f.zip

2022-01-22 09:00 负责人:DCloud_Android_ST 分享

1 个回复

DCloud_Android_ST

demo也发出来我们测试验证下

咳 (作者)

<template>  

    <view>  

        <view style="height: 300px;position: fixed;left: 0;right: 0;background-color: #007AFF;">  

            <text style="font-size: 30px;">VUE</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 17:34

Tshoiasc

没后续了？倒是回复一下啊

2022-04-18 16:44

该问题目前已经被锁定, 无法添加新回复

【报Bug】nvue 定位模式 position: sticky;与vue不一致

操作步骤：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

预期结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

实际结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue 定位模式 position: sticky;与vue不一致

操作步骤： 上面的代码分别存成vue页面和nvue页面，可以观察异常。

预期结果： 上面的代码分别存成vue页面和nvue页面，可以观察异常。

实际结果： 上面的代码分别存成vue页面和nvue页面，可以观察异常。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

预期结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。

实际结果：

上面的代码分别存成vue页面和nvue页面，可以观察异常。