AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

WebApp - 解决 IOS（H5）Video 标签页面上下滚动白屏问题

2022-05-27 1283
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： WebApp - 解决 IOS（H5）Video 标签页面上下滚动白屏问题

问题定位

之前用了 better-scroll（本质 transform）（猜想 IOS 和 transform 兼容问题） 插件，和 video 标签不明觉厉地冲突，导致 IOS（H5）Video 标签页面上下滚动白屏问题，Android 很乖，不搞事情。



解决办法

只要去了 better-scroll，用原生滚动条替代即可，这样就避免了 IOS 和 transform 兼容问题，自然而然解决了 Video 标签页面上下滚动白屏问题。


文章标签：
iOS开发
Android开发
移动开发
关键词：
iOS标签
iOS Video
iOS页面
iOS H5
iOS滚动
Lux_Sun
目录
相关文章
郏国上
|
7月前
|
存储 Android开发 iOS开发
iOS不支持HEIC格式的图片显示和标签函数显示问题及解决方案
iOS不支持HEIC格式的图片显示和标签函数显示问题及解决方案
郏国上
229 0
郏国上
|
7月前
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题
ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题
郏国上
66 0
郏国上
|
7月前
|
iOS开发
iOS中如何显示后台返回的带有html标签的富文本字符串
iOS中如何显示后台返回的带有html标签的富文本字符串
郏国上
70 0
郏国上
|
7月前
|
移动开发 iOS开发 Perl
iOS客户端和h5页面的互相调用，服务器和客户端间通信方式
iOS客户端和h5页面的互相调用，服务器和客户端间通信方式
郏国上
107 0
郏国上
|
7月前
|
移动开发 Android开发 iOS开发
ios标准页面调用HTML5页面和HTML5调用ios的函数
ios标准页面调用HTML5页面和HTML5调用ios的函数
郏国上
52 0
你挚爱的强哥
|
7月前
|
Web App开发 移动开发 Android开发
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
你挚爱的强哥
377 1
sp42
|
数据库 Android开发 iOS开发
iOS/Android/WAP 全兼容专题页面制作方法（一）
READ First：这是供编辑人员所读的文档。关于技术上如何实 iOS/Android/WAP 的方法，稍后释出。 专题页面制作方法 概述 专题页面采用 HTML 脚本进行定义，以满足各种界面排版的需求。
sp42
897 0
请看我回答~
|
28天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上，安卓和iOS两大阵营各据一方。随着技术的演进，跨平台开发框架成为开发者的新宠，旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战，并分享实用的开发技巧，帮助开发者在安卓和iOS的世界中游刃有余。
请看我回答~
41 1
萝卜带泥
|
5天前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架，这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例，我们将展示如何利用SwiftUI简化UI代码，提高开发效率，并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者，本文都将为你提供宝贵的见解和实用的指导。
萝卜带泥
86 66
天下无贼001
|
15天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略：一次编码，多平台部署
在移动应用开发的广阔天地中，安卓和iOS两大阵营各占一方。随着技术的发展，跨平台开发框架应运而生，它们承诺着“一次编码，到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势，同时通过代码示例揭示跨平台工具的实际运用。
天下无贼001
38 3