bindtap如何扩展点击区域？
发布于 5 年前 作者 chao53 4488 次浏览 来自 问答
  • bindtap如何扩展点击区域？

由于触摸点击事件不像电脑上一样精准，屏幕上显示的icon又比较小，不容易点到

于是给icon设置了margin和padding，却发现点到icon的margin和padding部分并不会触发bingtap事件

按照网上的设置透明border，也不行。不确定是不是我使用姿势有问题。

因此想请教大家，bindtap如何扩展点击区域？

3 回复

利用伪元素，参考代码：

.view{
  position: relative;
 
  &::after{
    position: absolute;
    display: block;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

这里可以完美解决，希望能帮到你 ——> 巧用伪元素(:after/before)放大手机端点击区域

icon外面套个view，给view添加padding或者设置宽高，然后bindtap绑在view上

回到顶部