`

iso android a标签css :active 在微信或app内嵌不起作用解决方案

阅读更多

前端开发今天有踩到一个大坑,特此记录。

 

事情的经过是这样的,我们app里面内嵌了一个页面,很多用户网络较慢情况下点击反应比较慢,导致像卡屏一般。需要在用户点击的时候给他个css交互,代表他的请求在处理中,遂想到 css :active 伪类来解决。

li:active {
    background: #e3e3e3;
}

 

在android上面各种好用,在ios上面测试safari有效果,内嵌到app或者微信就湮了。

 

因为触摸事件被点击事件覆盖了。

 

终极解决方案: 原来结局只有一个

 

<body ontouchstart="">
    ...
</body>

 

分享到:
评论

相关推荐

    css实现:分享到微信朋友圈引导页提示效果.zip

    当我们谈论“css实现:分享到微信朋友圈引导页提示效果”时,我们实际上是在讨论如何利用CSS(层叠样式表)这一样式语言来创建一个引导用户分享网页至微信朋友圈的交互界面。这个压缩包文件提供了一个具体的实现示例...

    html+css+js 仿微信红包

    在微信红包的案例中,CSS将用于实现微信红包的视觉效果,包括颜色、字体、边距、背景图片等。我们可能需要模拟微信红包的红色背景,以及各种按钮和提示信息的样式。CSS3的新特性,如过渡(transition)、动画...

    同乐居商城:购物车合算微信小程序源码.zip

    【标题】"同乐居商城:购物车合算微信小程序源码.zip" 涉及的知识点主要集中在微信小程序开发和电商系统设计方面。微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,旨在提供一种无需下载安装即可使用的应用...

    微信跳转到浏览器下载APP实现代码

    在移动互联网时代,微信作为一款超级App,拥有庞大的用户群体,很多开发者希望能在微信内部实现跳转到外部浏览器下载自己的应用程序。本知识点主要探讨如何通过编程实现“微信跳转到浏览器下载APP”的功能,这对于...

    51小程序实验源码:极客学院微信小程序

    在微信小程序中,JavaScript负责处理业务逻辑和数据管理。开发者可以通过调用微信小程序提供的API来访问硬件功能、网络请求、用户信息等。此外,小程序中的JS文件也用于处理页面间的跳转和数据传递。 5. 小程序...

    html css 微信菜单效果 html css 微信菜单效果

    在网页设计中,微信菜单效果是一种常见的用户界面元素,它为用户提供了一种直观且易于操作的导航方式。本文将深入探讨如何使用HTML和CSS来创建一个仿照微信底部菜单的效果,以及如何进行自定义和扩展。 首先,我们...

    微信页微信聊天界面html5+css3

    在这个仿微信聊天界面中,CSS3的特性如媒体查询(Media Queries)用于实现响应式布局,确保聊天界面在不同设备上都能良好显示。同时,CSS3的过渡(Transitions)和动画(Animations)可能被用于模拟滑动解锁效果,...

    微信扫码下载app页面

    在微信扫码下载App的场景中,二维码包含了App的下载链接或者特定的识别码,当用户通过微信扫描二维码时,微信会解析这些信息并引导用户进行下一步操作。 2. **Android与iOS下载机制**:Android系统的App通常通过...

    html5+css3仿微信底部菜单(可自定义)

    这个项目是一个可自定义的解决方案,适用于那些希望在自己的网站或应用中实现类似微信底部导航功能的开发者。 首先,让我们来了解一下HTML5。HTML5是超文本标记语言(HTML)的最新版本,它引入了许多新的元素、属性...

    html5-css3仿微信底部固定响应式导航菜单代码

    - 虽然大部分现代浏览器都支持HTML5和CSS3,但仍需测试在不同浏览器上的表现,确保在旧版本或不常见浏览器中的功能性和可用性。 总结,创建一个仿微信底部固定响应式导航菜单涉及HTML5的结构元素和CSS3的布局、...

    HTML5 css3仿手机微信聊天界面带弹性的拖动特效.rar

    HTML5 css3仿手机微信聊天界面带弹性的拖动特效,在白色屏幕边缘拖动,会向右伸出,且带有弹性动画效果,展开后是模仿的微信聊天界面,看上去十分不错,不过在IE下有些不兼容,本源码主要是面向移动终端设备而编写的...

    微信小程序Demo:仿麦当劳微信小程序

    在这个“微信小程序Demo:仿麦当劳微信小程序”项目中,我们可以学习到如何利用微信小程序框架开发一个与麦当劳官方小程序类似的功能应用。 首先,我们要了解微信小程序的基本架构。它由四部分组成:wxml(WeiXin ...

    开源的短剧 APP 解决方案,支持 IOS , Android , 微信小程序 , H5 , 抖音小程序.zip

    在描述中,“开源的短剧APP解决方案,支持IOS , Android , 微信小程序 , H5 , 抖音小程序.zip”进一步强调了该解决方案的核心特性——开源和多平台支持。开源意味着任何人都可以查看、使用、修改和分发源代码,这为...

    html_css_仿微信底部自定义菜单

    在创建微信底部菜单时,我们需要在`&lt;body&gt;`标签内添加一个包含四个菜单项的`&lt;div&gt;`容器。每个菜单项通常会是一个`&lt;a&gt;`标签,这样用户点击后可以触发相应的操作。例如: ```html &lt;a href="#" class="menu-item" id...

    android ScrollView 阻尼回弹效果 仿微信

    在Android开发中,ScrollView是常用的布局控件,用于承载可滚动的内容。当内容超过屏幕时,用户可以通过滑动来查看更多的信息。而“阻尼回弹”或“橡皮筋”效果则是指在ScrollView滚动到边界时,手指松开后,内容会...

    微信小程序(内嵌网页分享功能)

    在微信小程序中,我们有时需要集成内嵌网页分享功能,这使得用户可以方便地将网页内容分享到他们的微信朋友圈或者与微信好友进行互动。这种功能的实现涉及到微信小程序的API调用以及对webview组件的理解。 首先,...

    基于原生html+css实现仿微信电脑客户端页面源码+项目说明.zip

    在使用过程中,如有问题或建议,请及时沟通。 5.期待你能在项目中找到乐趣和灵感,也欢迎你的分享和反馈! 【资源说明】 基于原生html+css实现仿微信电脑客户端页面源码+项目说明.zip 仿微信页面 1. 实现目标 实现...

    微信小程序animatecss插件界面切换动画

    1. 引入Animate.css:首先,你需要在小程序的全局样式文件(app.wxss)或每个单独页面的样式文件(如index.wxss)中引入Animate.css。这通常通过将其托管在CDN上并引用其URL来完成。 2. 动画类名的选择:Animate....

    简单调用:直接在网页上显示微信emoji表情的CSS

    在网页设计中,为了增强用户体验和情感表达,经常会使用各种表情图标,而微信emoji表情由于其丰富多样,深受用户喜爱。本教程将详细介绍如何通过简单的步骤,在网页上直接显示微信emoji表情,使得网页内容更加生动...

    uni-app案例 仿微信页面(无响应)

    在移动应用开发领域,uni-app是一个备受开发者欢迎的跨平台框架,它允许开发者使用一套代码库来构建iOS、Android、H5、小程序等多个平台的应用。本案例将探讨如何使用uni-app来模仿微信的页面设计,但描述中提到的...

Global site tag (gtag.js) - Google Analytics