w***@163.com
w***@163.com
  • 发布:2025-01-02 17:02
  • 更新:2025-01-02 17:43
  • 阅读:59

【报Bug】uniapp以H5形式集成到iOS中,标题栏随着页面滑动来回跳动,不固定在顶部

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: Mac air M1 2020

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: 苹果

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

uniapp项目在pages.json中配置的标题栏,然后以H5形式发布到本地
在苹果Xcode中webview配置加载本地H5并打开
向上滚动页面的时候标题栏就会下移到滚动条滑动的相对位置,很影响体验

预期结果:

滚动页面,标题栏不随着滚动条上下移动

实际结果:

滚动页面,标题栏随着滚动条上下移动

bug描述:

uniapp项目在pages.json中配置的标题栏,然后以H5形式发布到本地
在苹果Xcode中webview配置加载本地H5并打开
向上滚动页面的时候标题栏就会下移到滚动条滑动的相对位置,很影响体验

2025-01-02 17:02 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

要不要 尝试 让 ios的 webview 禁止 回弹 试试? 这个 得让 原生app 测 处理

看样子 是 webview 这个 容器 滚动了, 所以看起来 你的h5 抖动了

  • w***@163.com (作者)

    感谢啊,很遗憾,不行呢,我再webViewDidFinishLoad重写方法中添加

    webView.scrollView.bounces = NO;

    设置禁止回弹,没任何效果 反而页面滑动不自然了

    2025-01-02 17:52

靐齉齾麤龖龗

靐齉齾麤龖龗 - 解决不了问题,那就解决提出问题的人

看看是不是头部的定位的兼容问题,有些ios机型不支持position:fixed的,你打的h5的包,你先用css改一下定位方式看看有没有问题

  • w***@163.com (作者)

    是的,我也发现应该是这样 我把系统index文件中的这类position:fixed都替换成sticky了,目前看起码不会随着滚动条滚动了

    2025-01-03 15:24

要回复问题请先登录注册