如何在设备上捕获Touch Scroll并在元素上模拟？

Question

如果我在移动设备上并且用手指滚动，我如何使用jQuery捕获滚动数据？

Answer 1

对于触摸设备，您可以使用touchstart touchmove，touchend等，它们都是TouchEvents。

您可以像对待jquery中的任何其他事件类型一样在touchmove事件上附加处理程序，并测量正文或滚动元素的滚动位置。

例如：

的JavaScript

$(document).on('touchmove scroll', function(){
  $('#touchDebug').text( $(this).scrollTop());
});

以下是演示：

http://jsbin.com/uDegITe/2/edit

Answer 2

使用锤子js我抓住了deltaY并使用了scrollTop。

jQuery(document).ready(function($){
     var element = document.getElementById("wrapper");
     var posX=0, posY=0;
     var hammertime = Hammer(element, {
        drag: true,
        swipe_velocity: 0.1,
        drag_block_vertical:true
    }).on('swiperight',function(){
         $(this).addClass('slidein');
    }).on('swipeleft',function(){
         $(this).removeClass('slidein');
    }).on('drag',function(ev){
         posX = ev.gesture.deltaX;
         posY = ev.gesture.deltaY;
         $('.snap-drawer').scrollTop(posY);
    });
});