获取浏览器滚动方向

[lengziyu]

//获取浏览器scroll
function scroll() {
    if (window.pageYOffset != null){
    // 支持IE9 +
        return{
            left:window.pageXOffset,
            top:window.pageYOffset
        }
    }else if (document.compatMode == 'CSS1Compat'){
        return{
            left:document.documentElement.scrollLeft,
            top:document.documentElement.scrollTop
        }
    }
    return{
        left:document.body.scrollLeft,
        top:document.body.scrollTop
    }
}

判断滚动条是往上下还是左右方向：

window.onscroll = (function () {
    var sLeft = scroll().left;
    var sTop = scroll().top;

    return function () {
        if (sTop != scroll().top) {
            console.log('上下滚动')
            sTop = scroll().top;
        }
        if (sLeft != scroll().left) {
            console.log('左右滚动')
            sLeft = scroll().left;

        }
    }

})();