检测滚动方向

Question

所以我试图用JavaScript on scroll来调用一个函数。但我想知道我是否可以在不使用jQuery的情况下检测滚动的方向。如果没有，那么有任何解决方法吗？我想的只是放一个“顶部”按钮，但如果可以，我想避免这样做。我现在只是尝试使用此代码，但它不起作用：if document.body.scrollTop <= 0 {    alert ("scrolling down")} else {    alert ("scrolling up")}

Answer 1

捕捉所有滚动事件（触摸和滚轮）的简单方法

window.onscroll = function(e) {

  // print "false" if direction is down and "true" if up

  console.log(this.oldScroll > this.scrollY);

  this.oldScroll = this.scrollY;

}

Answer 2

使用它来查找滚动方向。这只是为了找到垂直滚动的方向。支持所有跨浏览器。

    var scrollableElement = document.getElementById('scrollableElement');

    scrollableElement.addEventListener('wheel', findScrollDirectionOtherBrowsers);

    function findScrollDirectionOtherBrowsers(event){

        var delta;

        if (event.wheelDelta){

            delta = event.wheelDelta;

        }else{

            delta = -1 * event.deltaY;

        }

        if (delta < 0){

            console.log("DOWN");

        }else if (delta > 0){

            console.log("UP");

        }

    }