css-移动端:acitve效果的实现
2017-12-06 09:51
316 查看
pc端 css 之 a:active。在移动端上的bug修复。
pc端的:hover(鼠标指针浮动)
移动端的 :active 取代(移动端无鼠标)
要实现移动端的触摸解决办法:
对body绑定了一个touchstart事件
ps:在移动端中浏览器会有自带的一个点击高亮效果,可以通过给a标签或者body,html加
pc端的:hover(鼠标指针浮动)
移动端的 :active 取代(移动端无鼠标)
要实现移动端的触摸解决办法:
对body绑定了一个touchstart事件
document.body.addEventListener('touchstart', function () { });
ps:在移动端中浏览器会有自带的一个点击高亮效果,可以通过给a标签或者body,html加
-webkit-tap-highlight-color:transparent;
相关文章推荐
- css移动端:acitve效果的实现
- css移动端实现与pc端一样的:acitve效果
- css移动端实现与pc端一样的:acitve效果
- animate.css 实现移动端垂直滑动效果
- 用hover配合position(纯css)实现网页动态效果
- HTML+CSS实现审核流程步骤效果
- 悬停效果 静止不动 不随滚动条滚动 纯css实现
- 简单说 通过CSS的滤镜 实现 火焰效果
- .net MVC框架下利用CSS+js实现loading效果
- 纯css实现3D图像轮转效果
- css实现的圆角效果带有注释
- 纯CSS代码实现手风琴效果
- (JS+CSS)实现图片放大效果
- CSS实现的loading页面等待效果
- jquery移动端TAB触屏切换实现效果
- 使用CSS实现图片分割效果的简单方法介绍
- [导入]CSS+JS实现的幻灯片效果
- 用CSS实现Firefox 和IE 都支持的Alpha透明效果
- CSS常用效果实现003——将div中的文字竖直居中