js判断滚动条滚动方向

最新推荐文章于 2023-08-18 13:57:49 发布

hncsl

最新推荐文章于 2023-08-18 13:57:49 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML JS

本文链接：https://blog.youkuaiyun.com/hncsl/article/details/72171514

HTML JS 专栏收录该内容

4 篇文章

订阅专栏

function scrollToEle(eleNum) {
        var ele = 'subject-' + eleNum;
        var prevS = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;
        var docHeight = document.body.clientHeight;
        var curS = 0;
        document.getElementById(ele).scrollIntoView();
        curS = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop; 
        if ((prevS > curS)||(curS-prevS >= docHeight)||(curS-prevS >60)) {
            window.scrollBy(0, -60);
        }
    }

先获取滚动前滚动条的位置prevS，再获取滚动之后的位置，然后进行比较。

参考：

http://blog.youkuaiyun.com/fswan/article/details/17238933

http://www.jb51.net/article/43230.htm