css移动端实现与pc端一样的:acitve效果

所需积分/C币:5 2021-01-21 14:02:25 34KB PDF
3
收藏 收藏
举报

做移动前端也有一些日子了,一直有个问题没有解决,就是与pc端那样的一个:hover的效果,:hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标的,代替的是触摸屏,用户也不是有“鼠标指针浮动在其上的元素”的情况,有也很少。 所以取代的应该:active这个选择器,但是通过实践,发现情况不是很理想,在QQ浏览器上有时触发,有没不触发,在我mx3带自浏览器上根本没效果。 最近在看美团h5的页面时发现他们做对这个效果做得很好(这里说实话,美团网在h5这一块做得真好),看了他们代码之后,发现他们也是用:active来实现这个效果,但他们多了一行js代码, 复制代码代码如下:d

...展开详情
试读 1P css移动端实现与pc端一样的:acitve效果
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38724106 你的留言是对我莫大的支持
2021-01-21
  • 至尊王者

    成功上传501个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐
    css移动端实现与pc端一样的:acitve效果 5积分/C币 立即下载
    1/1
    css移动端实现与pc端一样的:acitve效果第1页

    试读结束, 可继续阅读

    5积分/C币 立即下载 >