触摸iPad上的滚动增量值
touch scroll delta value on iPad
基本上,我们在"DOMMouseScroll"上有一个监听器,它返回鼠标滚动上的delta,然后使用这些数据来移动页面上的div元素。
我们想在iPad上添加这一功能,但很难确定需要哪些监听器才能返回触摸滚动增量值。
有人有什么建议,或者从哪里开始?
干杯-C
没有"delta",但您可以访问X
和Y
。
这意味着你可以写一些代码来触发触摸移动并计算"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
相关文章:
- jquery scrollTO iPhone/iPad没有't向右滚动
- 在iPad Web App上拖放 - 同时保留滚动功能
- 拖动滚动触摸设备,如手机/ iPad
- iPad 无法在具有 JavaScript UI 可拖动页面的页面上滚动
- 一页滚动iPad触摸滚动
- iPad 上的 jquery 滚动问题
- 防止在 iPad HTML5 广告上滑动滚动
- Javascript平滑滚动iPad
- 只在iPad上显示滚动错误
- 如何使工作jquery"“滑动”;在iPad上滚动
- Javascript/CSS禁用iPad上Safari的橡皮筋页面末尾滚动
- 在iPad和iPhone上滚动iframe
- 触摸iPad上的滚动增量值
- 启用/禁用iPhone/iPad的滚动,但启用网站滚动
- 使用javascript滚动在Ipad上不能快速运行
- 一页滚动插件不工作的滑动滚动在ipad上
- 如何在iPad上禁用模态蒙版后面的滚动
- 在iPad/iPhone上滚动时获取scrollTop()
- 如何禁用iPad web应用程序上的滚动
- jQuery在iPad或iPhone上捕获滚动事件与web浏览器不一致