最近忙于工作上的一些无聊的东西,有几天没逛论坛了(此图片来源于网络,如有侵权,请联系删除! ),之前看论坛里有童鞋说道左滑删除的问题,今天趁有空把差点烂尾的小demo补充了下,就贴出来希望能帮助某些童鞋。
实现思路:
1、每一个列表项由两个层组成,文本层与按钮层;
2、触摸滑动时计算手指移动距离,文本层跟随手指移动;
3、手指移动距离大于按钮宽度一半时,显示按钮,反之,不显示;
4、缓动动画用css3属性transition控制;transition: left 0.2s ease-in-out