JavaScript判断浏览器向上或者向下滚动

最新推荐文章于 2023-08-28 09:47:00 发布

原创最新推荐文章于 2023-08-28 09:47:00 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

23 篇文章

订阅专栏

前端

13 篇文章

订阅专栏

本文介绍了如何使用JavaScript来判断用户在网页中向上还是向下滚动。通过监听滚动事件并比较滚动条的位置，可以实现精确的滚动方向检测，这对于实现一些滚动交互效果非常有用。

 /***
     * 监听滚动事件，判断滚动方向
     * 
  ***/
    var Before_scollH = 0;
    $(window).on('scroll', function () {
        var After_scollH = $(window).scrollTop();
        var differH = After_scollH - Before_scollH;
        if (differH == 0) {
            return false;
        }
        var scollType = differH > 0 ? 'down' : 'up';
        Before_scollH = After_scollH;
         
        console.log("type", Before_scollH, After_scollH, scollType);
    })