滑动一个分区并使其按照滑动方向

时间:2013-06-08 15:14:47

标签: javascript html5 touch zepto

我正在使用Zepto(带触摸模块)
我有一个带有“刷卡”听众的div 我希望div在刷卡时跟随用户的手指,就像您在Android或iPhone上滑动通知一样。 有没有办法在滑动事件上获得滑动/手指位置?所以我可以使用position: relative

将div放到left: [finger left position]

1 个答案:

答案 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)也更好