【问题标题】: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)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-04
      • 1970-01-01
      • 2017-03-18
      • 1970-01-01
      相关资源
      最近更新 更多