基于cordova app应用中使用swiper(插件)操作DOM多平台表现不一致问题
来源:互联网 发布:星际淘宝网全文txt下载 编辑:程序博客网 时间:2024/06/12 22:32
问题代码:
①、CSS.detail-wait{position:fixed;width:64px;height:64px;top: 20em;right: 11em;}②、HTML<div id="slide_block" index="x_number" class="swiper-slide app-slidex_number"> <div class="detail-wait"><img src="../../resources/images/wait.jpg" /></div></div>
问题描述
如上代码集成插件Swiper 3.0.8,在android平台上可以正常工作;在ios9.0上则会造成dom(img)元素在滑动页上错位展示。
解决方案
在困惑两天的情况下,最终决定升级插件到Swiper 3.1.7;(注意:插件的两个版本对dom元素的渲染有差异,如:dom元素的CSS属性“z-index”在这里就显得特别重要,因为升级之后可能会造成部分dom元素不可见)此时运行居然复现了ios上的问题,同时android也不好使了;因为正确的复现了问题,解决时也得心应手,很快锁定了对应的css修饰。调整之后如下:
CSS:.detail-wait{margin-left: 43%;padding-top: 59%;}HTML:<img class="detail-wait" src="../../resources/images/wait.jpg">
0 0
- 基于cordova app应用中使用swiper(插件)操作DOM多平台表现不一致问题
- cordova项目中local-notification插件的使用问题及解决(安卓平台)
- 使用swiper插件过程中遇到的问题
- App开发如何扩展和使用本地插件(Cordova plugin),基于完全开源免费的框架为例
- cordova-plugin-app-version插件的使用
- swiper 插件应用!
- 【Swiper插件应用-01】基于Swiper实现的列表切换效果
- 关于phonegap(cordova)跨平台app应用的环境配置
- mac机安装cordova开发H5跨平台app应用
- swiper.js插件使用
- 如何使用插件 Swiper
- 使用cordova插件后,unknown provider问题
- 如何在Meteor中使用Cordova插件?
- ionic2 ts中使用cordova插件
- Cordova-----3、Cordova使用插件
- reactjs 中运用swiper 插件时 点击事件失效问题
- Cordova(Phonegap)在iOS端App的使用(二)---插件的创建
- 解决vue中使用swiper插件——李帅醒博客
- 安卓Paint字符显示
- Python学习资源
- JDBC 1 利用Statement对数据库进行增删改查
- highcharts中绘制离散的事件点,并在图中显示中文说明内容
- linux系统swappiness swap修改
- 基于cordova app应用中使用swiper(插件)操作DOM多平台表现不一致问题
- iOS开发UI篇—Quartz2D简单介绍
- express框架初探
- Criteria条件查询
- Dalvik和JVM,Art的几点区别
- android md5加密
- sed和awk简介
- Teradata 修改表字段类型
- android 转小写