iso android a标签css :active 在微信或app内嵌不起作用解决方案
2016-04-26 15:49
393 查看
前端开发今天有踩到一个大坑,特此记录。
事情的经过是这样的,我们app里面内嵌了一个页面,很多用户网络较慢情况下点击反应比较慢,导致像卡屏一般。需要在用户点击的时候给他个css交互,代表他的请求在处理中,遂想到 css :active 伪类来解决。
li:active { background: #e3e3e3; }
在android上面各种好用,在ios上面测试safari有效果,内嵌到app或者微信就湮了。
因为触摸事件被点击事件覆盖了。
终极解决方案: 原来结局只有一个
<body ontouchstart=""> ... </body>
阅读更多
相关文章推荐
- 微信中通过页面(H5)直接打开本地app的解决方案
- a标签的四个css伪类(link、visited、hover、active)样式理解
- 用过企业微信APP 后,微信接收不到消息,解决方案
- 微信中通过页面(H5)直接打开本地app的解决方案
- CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
- IE9以下版本浏览器对HTML5新增标签不识别,导致CSS不起作用的问题
- APP下载二维码微信扫一扫无法打开解决方案
- 谷歌Chrome浏览器提交表单无效,无法跳转,a标签不起作用的解决方案
- 关于h5界面无法用a标签在app内唤醒支付宝微信跳转
- CSS---关于内层DIV设置margin-top不起作用的解决方案
- 安卓下微信内嵌浏览器对css的理解偏差
- 点击微信内网页a标签直接跳转打开淘宝APP的方法实例
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案一
- JS 在微信、微博、QQ、Safari 唤起 App 的解决方案
- APP内嵌的H5页面点击唤起微信
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案二
- 【第1179期】在微信、微博、QQ、Safari唤起App的解决方案
- CSS中A标签的a:link a:visited a:hover a:active 原来是有严格的顺序的
- js在微信、微博、QQ、Safari唤起App的解决方案
- 基于应用宝实现微信h5页面中打开本地app,如果没有跳转下载页面的解决方案