js如何判断div滚动条滚动方向

Question

有个功能，只需要监听横向滚动执行函数，竖向滚动不触发，如何判断div的滚动条滚动方向呢

两个div横向同步滚动，怎么写比较高效

Answer 1

// angular版本,只横向滚动的时候执行某脚本
handleScroll(e, anotherDivElf) {
    if (this.scrollLeft === e.target.scrollLeft) {
        return;
    }
    this[anotherDivElf].nativeElement.scrollLeft = e.target.scrollLeft;
    this.scrollLeft = e.target.scrollLeft;
}

Answer 2

简单点，拿到scrollLeft和scrollTop，事件回调里面计算一下差值就行了。

但是忽然想到一个另一个好玩的处理方式，可以用两个div嵌套分别处理
https://jsbin.com/lapifupeqa/...

Answer 3

当前区域既可以横向滚动也可以竖向滚动吗？你可以监听下某个元素的offsetLeft值，若放生变化了，则说明横向滚动了！

Answer 4

监听scroll事件，保存当前scrollLeft值，然后判断与上次保存的值是否有差值