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

【报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 负责人:无 分享
已邀请:
骑猪o0o找牛

骑猪o0o找牛 - 一挖一麻袋

要不要 尝试 让 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

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

> 引用内容
引用内容
引用内容