Ryan Shang

生死看淡,不服就干

0%

刮卡效果滑动轨迹偏移

1. 问题描述

1-1-1

初始需求要求一个刮刮卡的效果,代码完成后,发现计算没有问题,但是结果和触摸点偏移,如上图(仅供参考,不代表实际情况)

2. 原因

1-2-1

经排查发现,因为需要使刮卡区域居中,使用了css3属性transform中的translateX。但该属性会对触摸的相关计算产生影响,导致偏差,修改为其他方式居中解决。