javascript - 可以使用 Window.Onscroll 方法来检测滚动方向吗？

Question

可以使用 Window.Onscroll 方法来检测滚动方向吗？

Answer 1

如果你在页面加载时和每次滚动事件发生时记录 scrollX 和 scrollY，那么你可以将以前的值与新值进行比较，以了解你滚动的方向。这是一个概念证明:

function scrollFunc(e) {
    if ( typeof scrollFunc.x == 'undefined' ) {
        scrollFunc.x=window.pageXOffset;
        scrollFunc.y=window.pageYOffset;
    }
    var diffX=scrollFunc.x-window.pageXOffset;
    var diffY=scrollFunc.y-window.pageYOffset;

    if( diffX<0 ) {
        // Scroll right
    } else if( diffX>0 ) {
        // Scroll left
    } else if( diffY<0 ) {
        // Scroll down
    } else if( diffY>0 ) {
        // Scroll up
    } else {
        // First scroll event
    }
    scrollFunc.x=window.pageXOffset;
    scrollFunc.y=window.pageYOffset;
}
window.onscroll=scrollFunc