我正在使用Zepto(带触摸模块)
我有一个带有“刷卡”听众的div
我希望div在刷卡时跟随用户的手指,就像您在Android或iPhone上滑动通知一样。
有没有办法在滑动事件上获得滑动/手指位置?所以我可以使用position: relative
left: [finger left position]
答案 0 :(得分:1)
我找到了一个解决方案,你必须将它绑定到touchmove事件,而不是刷卡:
$(".element").on('touchmove', function( e ){
var x = e.touches[0].pageX;
$(this).css('left', x);
});
当然要添加一个ontouchend
事件,以便替换它在开头的元素(如果用户释放了滑动元素)
使用-webkit-translate: (70px 0px)
以获得更快的性能(用x替换70px)也更好