uni-app使用web-view加载的第三方页面超出一屏内容的时候在小米手机上无法滑动其他手机是可以的

uni-app使用web-view加载的第三方页面超出一屏内容的时候在小米手机上无法滑动其他手机是可以的

操作步骤：

  • 使用web-view加载的第三方页面超出一屏内容的时候，在小米手机上无法滑动

预期结果：

  • 和其他手机一样可以滑动

实际结果：

  • 无法滑动

bug描述：

  • 使用web-view加载的第三方页面超出一屏内容的时候，在小米手机上无法滑动，其他手机是可以的

| 项目属性       | 值         |
|----------------|------------|
| 产品分类       | uniapp/App |
| PC开发环境操作系统 | Windows    |
| PC开发环境操作系统版本号 | win11      |
| HBuilderX类型  | Alpha      |
| HBuilderX版本号 | 4.76       |
| 手机系统       | Android    |
| 手机系统版本号  | Android 15 |
| 手机厂商       | 小米       |
| 手机机型       | 小米12     |
| 页面类型       | nvue       |
| vue版本        | vue3       |
| 打包方式       | 云端       |
| 项目创建方式   | HBuilderX  |

更多关于uni-app使用web-view加载的第三方页面超出一屏内容的时候在小米手机上无法滑动其他手机是可以的的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

直接内嵌百度页面试下，或者自己单独弄个html（内容符合可以滑动的）试下行不行

更多关于uni-app使用web-view加载的第三方页面超出一屏内容的时候在小米手机上无法滑动其他手机是可以的的实战教程也可以访问 https://www.itying.com/category-93-b0.html


试了百度和知乎都不行

回复 小果叮: 那等官方看看咯

这是一个已知的小米手机web-view滚动兼容性问题。问题主要出现在小米手机的Android系统上，由于系统WebView内核的默认滚动行为与uni-app的nvue页面布局存在冲突。

解决方案：

  1. 在web-view组件外层添加滚动容器
<scroll-view scroll-y="true" style="height: 100vh;">
    <web-view src="你的页面地址"></web-view>
</scroll-view>
  1. 或者使用CSS强制启用滚动 在页面的style中添加：
page {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
回到顶部