注册 登录
Apologize
Apologize
  • 发布：2024-05-17 14:45
  • 更新：2024-05-17 14:48
  • 阅读：195

【报Bug】nvue页面，使用自定义navBar加元素设置position: sticky，top设置多少也会滚动到顶部

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型： 正式

HBuilderX版本号： 4.15

手机系统： Android

手机系统版本号： Android 9.0

手机厂商： 夜神模拟器

手机机型： 三星GalaxyS20

页面类型： nvue

vue版本： vue3

打包方式： 云端

项目创建方式： HBuilderX

示例代码：

操作步骤：

nvue页面设置使用自定义navbar后，给元素加position: sticky及top

预期结果：

设置position: sticky的元素，页面发生滚动后需停留在设置top的位置上

实际结果：

滚动到最顶部了（app-nvue），在h5页面表现没问题

bug描述：

元素设置了position: sticky 以及top（statusBarHeight + 自定义navbarHeight），但是滚动还是到了最顶部
页面截图

2024-05-17 14:45 负责人:无 分享

没有找到相关结果

    已邀请:
    Apologize

    Apologize (作者) - 小白

    页面截图传不上去，给个链接
    https://mp-f3eeb1d2-ef09-4767-a2ec-531c9b9d3000.cdn.bspapp.com/uniapp-file/nvue-bug.png

    2024-05-17 14:48 分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    退出全屏模式 全屏模式 回复
    • 标题 / 粗斜体
    • 代码片段
    • 超链接 / 图片 / 视频
    • 列表 / 引用

    文章内容较多时，可以用标题分段 : 

    ## 大标题 
    ### 小标题

    斜体 / 粗体 : 

    **粗体** 
    *斜体* 
    ***粗斜体***

    代码片段 : 

    ``` javascript
    代码片段
    ```

    超链接 : 

    [链接文字](链接地址) 例: [百度](http://www.baidu.com)

    图片 : 

    ![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

    视频 : 

    !![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

    有序列表 : 

    1. 123
    2. 123
    3. 123

    无序列表 : 

    - 123
    - 123
    - 123

    引用 : ( 双回车后结束引用 )

    > 引用内容
    引用内容
    引用内容
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报