触摸iPad上的滚动增量值

touch scroll delta value on iPad

本文关键字:滚动 iPad 触摸      更新时间:2023-09-26

基本上,我们在"DOMMouseScroll"上有一个监听器,它返回鼠标滚动上的delta,然后使用这些数据来移动页面上的div元素。

我们想在iPad上添加这一功能,但很难确定需要哪些监听器才能返回触摸滚动增量值。

有人有什么建议,或者从哪里开始?

干杯-C

没有"delta",但您可以访问XY

这意味着你可以写一些代码来触发触摸移动并计算"delta":

element.addEventListener("touchstart", touchStart, false);
element.addEventListener("touchmove", touchMove, false);
var start = {x:0, y:0};
function touchStart(event) {
  start.x = event.touches[0].pageX;
  start.y = event.touches[0].pageY;
}
function touchMove(event) {
  offset = {};
  offset.x = start.x - event.touches[0].pageX;
  offset.y = start.y - event.touches[0].pageY;
  return offset;  
}

进一步参考:http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/HandlingEvents/HandlingEvents.html