在手机上滚动方向?

时间:2015-10-14 04:01:05

标签: javascript jquery mobile

如何在手机上检测滚动方向? 我目前正在使用

$window.on( 'touchmove', onPhone );

在触摸滚动时调用onPhone函数。 但是如何检测它是否向下滚动?

提前致谢!

1 个答案:

答案 0 :(得分:2)

我假设您只想向上和向下滚动。

var lastPoint = null; //global

$(window).on('touchmove', function(){

    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;
});

如果您想要检测左侧滚动方向,可以使用相同的代码,但更改&#39; pageY&#39;到&#39; pageX&#39;。

希望这有帮助!