js判断滚动方向

 //页面滚动监听事件

    window.onscroll = function (e) {

      

        scrollFunc();

        $("#t").append(scrollDirection);

        //if (scrollDirection == 'down') {

           

        //}

        //else if (scrollDirection == 'up') {

         

        //}

        //else if (scrollDirection == 'right') {

 

        //}

        //else if (scrollDirection == 'left') {

 

        //}

    }

    var scrollAction = { x: 'undefined', y: 'undefined' }, scrollDirection;

 

    //判断页面滚动方向

    function scrollFunc() {

        window.pageXOffset = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft;

        window.pageYOffset = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop;

        if (typeof scrollAction.x == 'undefined') {

          

            scrollAction.x = window.pageXOffset;

            scrollAction.y = window.pageYOffset;

        }

        var diffX = scrollAction.x - window.pageXOffset;

        var diffY = scrollAction.y - window.pageYOffset;

        if (diffX < 0) {

            // Scroll right

            scrollDirection = 'right';

        } else if (diffX > 0) {

            // Scroll left

            scrollDirection = 'left';

        } else if (diffY < 0) {

            // Scroll down

            scrollDirection = 'down';

        } else if (diffY > 0) {

            // Scroll up

            scrollDirection = 'up';

        } else {

            // First scroll event

        }

        scrollAction.x = window.pageXOffset;

        scrollAction.y = window.pageYOffset;

    }