使用“-webkit溢出滚动：触摸”的实时滚动事件

Question

在使用CSS“-webkit-overflow-scrolling：touch”时，我无法在iOS上获得实时scrollLeft位置。

这里有一个小提琴证明： http://jsfiddle.net/WaMUq/

虽然在桌面上滚动，我得到实时scrollLeft数据，同时滚动，而iOS上我需要等到势头滚动停止发送我的面前scrollLeft数据。

我该如何解决这个问题？我试图通过实时获取这些数据来创造一种微妙的视差效果。我试过Stellar.js和Scrollability.js，两者都遇到同样的问题，直到滚动停止。

Answer 1

这是可与鼠标：http://jsfiddle.net/Kirrr/WaMUq/3/

对于触摸：

在JS：

$('div.wrap').scroll(function(e){ 
    $('h4').html($(this).scrollLeft()); 
}); 

var start_x, wrap_x; 
$('div.wrap').bind("touchstart", function(e) { 
    e.preventDefault(); // optional. May be it works fine without this 
    start_x = e.originalEvent.changedTouches[0].pageX; 
    wrap_x = $(this).scrollLeft(); 
}) 
$('div.wrap').bind("touchmove", function(e) { 
    e.preventDefault(); // optional. May be it works fine without this 
    var x = e.originalEvent.changedTouches[0].pageX; 
    var result = wrap_x + start_x - x; 
    $(this).scrollLeft(result); 
}) 

对于触摸可能要去掉 “-webkit-溢出滚动：触摸;”