Android手机里H5页面滚动图片时出现白屏
2016-11-04 18:01
826 查看
使用场景是:安卓手机里的H5页面,有若干图片,做滚动效果,如下图。当往左滑动时,新出来的图片显示白屏,此时不管这些图片有没有固定的默认图,隔几秒才会出现图片。
div: //外层div,有固定宽度
transform-origin: 0 0 0;
transform: scale(1, 1);
opacity: 1;
-webkit-transform-origin: 0 0 0;
-webkit-transform: scale(1, 1);
ul: //包含所有图片的ul,图片个数决定ul宽度
transition-property: transform;
transition-duration: 0ms;
transform-origin: 0 0 0;
-webkit-transition-property: transform;
-webkit-transition-duration: 0ms;
-webkit-transform-origin: 0 0 0;
div: //外层div,有固定宽度
transform-origin: 0 0 0;
transform: scale(1, 1);
opacity: 1;
-webkit-transform-origin: 0 0 0;
-webkit-transform: scale(1, 1);
ul: //包含所有图片的ul,图片个数决定ul宽度
transition-property: transform;
transition-duration: 0ms;
transform-origin: 0 0 0;
-webkit-transition-property: transform;
-webkit-transition-duration: 0ms;
-webkit-transform-origin: 0 0 0;
相关文章推荐
- webView--Android中webView加载H5时,H5页面在不同的手机可能出现文字或者图标类似换行的现象
- Android内嵌H5页面调用手机图片操作
- Android内嵌H5页面调用手机图片操作
- Android内嵌H5页面调用手机图片操作
- Android用webView加载h5的页面,h5获取本地的图库中的图片
- android中的布局(四) 图片在手机上显示出现乱条纹的 问题
- android开发游记:自定义实现图片轮播器和启动页面滚动
- Android开发中调用系统相册上传图片到服务器OPPO等部分手机上出现短暂的显示桌面问题的解决方法
- Android开发中 页面加载超大图片时出现OOM
- Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)
- Android开发中 页面加载一张超大图片(561kb)时出现OOM
- Android 图片轮播,图片左右自动滚动与页面侧滑菜单冲突,请问怎么解决?
- 一个页面放2段图片滚动代码出现冲突的问题如何解决
- H5页面,iOS以及部分Android手机链接a等标签点击的时候,会有阴影,怎么解决?
- Android 安卓WebView套壳H5网页 手机返回键问题(过滤二级页面,返回键相应给WebView)
- H5页面打开android本地照册,当webview页面被系统回收的情况下,如何处理图片
- Android开发中 页面加载一张超大图片 时出现OOM
- Android开发中 页面加载一张超大图片时出现OOM
- Android开发中 页面加载一张超大图片(561kb)时出现OOM
- h5页面引用idangerous.swiper.js 插件兼容ios和android出现的问题