javascript - 滑动一个分区并使其跟随滑动方向

标签 javascript html touch zepto

我正在使用 Zepto(带有触摸模块)
我有一个带有“滑动”监听器的 div。
我希望 div 在滑动时能够跟随用户的手指,就像您在 Android 或 iPhone 上滑动通知一样。 有没有办法获取滑动事件中的滑动/手指位置?所以我可以将 div 放置到 position:relative 并使用 left: [finger leftposition]

最佳答案

我找到了一个解决方案,你必须将它绑定(bind)到 touchmove 事件,而不是 swipe 事件:

$(".element").on('touchmove', function( e ){
    var x = e.touches[0].pageX;
    $(this).css('left', x);
});

当然,添加一个 ontouchend 事件以替换开始时的元素(以防用户释放了滑动的元素)

使用 -webkit-translate: (70px 0px) 可以获得更快的性能(将 70px 替换为 x)

关于javascript - 滑动一个分区并使其跟随滑动方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17000907/

相关文章:

javascript - 当运行时提供元素时,如何在 javascript 中获取innerText?

javascript - 捕捉 Android/iPhone 触摸 Action 的框架? - Javascript

iphone - 如何在iOS上触摸图像透明部分的 ImageView 后面?

javascript - 使嵌入代码具有宽度和高度

javascript - 如何在点击页面时保持事件链接点亮?

javascript - Jscript 从网络中添加和删除打印机

javascript - VueJS2如何动态向父组件发出事件?

html - 在表外显示内容

Android:发送触摸事件

javascript - 使用 Gremlin JavaScript 在 JanusGraph 中创建和查询地理点