手机上的滚动方向
Scroll direction on phone?
如何检测手机上的滚动方向?我目前正在使用
$window.on( 'touchmove', onPhone );
在触摸滚动发生时调用onPhone函数。但我如何检测它是向下还是向上滚动呢?
提前感谢!
我想你只需要上下滚动。
var lastPoint = null; //global
$(window).on('touchend', function(e){
var currentPoint = e.originalEvent.changedTouches[0].pageY;
if(lastPoint != null && lastPoint < currentPoint ){
//swiped down
console.log('you scrolled up');
}else if(lastPoint != null && lastPoint > currentPoint){
//swiped up
console.log('you scrolled down');
}
lastPoint = currentPoint;
});
如果你想检测左右滚动方向可以使用相同的代码,但将'pageY'更改为'pageX'。
希望这对你有帮助!
相关文章:
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- fullpage.js在滚动时更改滚动方向
- 如何使用javascript检测不可滚动元素中的滚动事件和方向
- 滚动功能工作方向错误
- 更改滚动Horz的滑动方向
- 确定适合窗口的页面的滚动方向
- 将页面分成两部分,并将两个部分滚动到相反的方向
- 根据滚动方向和高度加载和删除内容页面
- 鼠标滚轮滚动上的滑块 - 方向右 - 左
- 检测禁用橡皮筋效果的页面中的滚动方向
- 使用jquery在同一方向上连续滚动滑块
- 检查'鼠标滚轮'滚动锁定的事件方向
- 如何在ScrollStart上使用Iscroll获得滚动方向
- 使用setTimeout查找滚动方向
- InternetExplorer9及以下版本,当在主体上使用rtl方向时,将滚动条设置为右侧
- 溢出时移动滚动方向检测:隐藏页面
- 如何在使用溢出后获得滚动方向:自动禁用动量滚动
- 滚动,在方向改变时翻转图像
- 手机上的滚动方向
- 水平和其他方向滚动