【问题标题】:Swipe a division and make it follow the swipe direction滑动分区并使其跟随滑动方向
【发布时间】:2013-06-04 18:03:54
【问题描述】:
我正在使用 Zepto(带有触控模块)
我有一个带有“滑动”监听器的 div。
我希望 div 在滑动时跟随用户的手指,就像您在 Android 或 iPhone 上滑动通知一样。
有没有办法在滑动事件中获得滑动/手指位置?所以我可以用left: [finger left position]把div放到position: relative
【问题讨论】:
标签:
javascript
html
touch
zepto
【解决方案1】:
我找到了解决方案,你必须将它绑定到 touchmove 事件,而不是滑动事件:
$(".element").on('touchmove', function( e ){
var x = e.touches[0].pageX;
$(this).css('left', x);
});
当然还要添加一个ontouchend 事件,以替换它最初所在的元素(以防用户释放滑动的元素)
使用-webkit-translate: (70px 0px) 来获得更快的性能也更好(将 70px 替换为 x)