问题定位
之前用了 better-scroll（本质 transform）（猜想 IOS 和 transform 兼容问题） 插件，和 video 标签不明觉厉地冲突，导致 IOS（H5）Video 标签页面上下滚动白屏问题，Android 很乖，不搞事情。
解决办法
只要去了 better-scroll，用原生滚动条替代即可，这样就避免了 IOS 和 transform 兼容问题，自然而然解决了 Video 标签页面上下滚动白屏问题。
WebApp - 解决 IOS（H5）Video 标签页面上下滚动白屏问题
2022-05-27
1387
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
WebApp - 解决 IOS（H5）Video 标签页面上下滚动白屏问题
目录
相关文章
|
8月前
|
存储
Android开发
iOS开发
|
8月前
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题
79
0
0
|
8月前
|
iOS开发
|
8月前
|
移动开发
iOS开发
Perl
|
8月前
|
移动开发
Android开发
iOS开发
|
8月前
|
Web App开发
移动开发
Android开发
|
移动开发
JavaScript
前端开发
|
Web App开发
监控
Serverless
十分钟上线-基于函数计算开发 Restful web api & asp.net core web app
.NET Core是一个开源通用的开发框架，支持跨平台, 阿里云函数计算推出了 dotnetcore2.1 runtime， 使用 C# 编写 serverless 函数， 除了很好地支持通常意义上的函数外， 还可以基于函数计算开发 asp.
5767
0
1
|
Web App开发
JavaScript
测试技术
手机端webApp开发本地调试环境搭建
背景
手机端WebApp开发阶段，用chrome devtools模拟手机设备，很多兼容性问题不能提前发现。考虑到很多同学在开发时不便经常发版，方便设备可通过ip地址直接在移动端调试，提前发现问题，且不用发版到 test/pre 环境。
1817
0
0
|
JavaScript
Java
C#
C#开发移动应用系列(2.使用WebView搭建WebApp应用)
原文:C#开发移动应用系列(2.使用WebView搭建WebApp应用)
前言
上篇文章地址:C#开发移动应用系列(1.环境搭建)
嗯..一周了 本来打算2天一更的 - - ,结果 出差了..
1371
0
0
热门文章
最新文章
1
【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
2
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
3
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
4
02. WebApp2.0时代启程：Cocos2d-JS为什么选择SpiderMonkey（二）
5
h5仿同程、携程、去哪儿酒店预订webapp项目实例
6
01. WebApp2.0时代启程：Cocos2d-JS详解（一）
7
03. WebApp2.0时代启程：Cocos2d-JS让C++代码支持JS脚本（三）
8
[适配性]移动Webapp自适应方案
9
手工MAVEN建立WEBAPP项目并打包部署
10
.net core 源码解析-web app是如何启动并接收处理请求(二) kestrel的启动