滚动滑轮加载数据

最新推荐文章于 2022-12-30 11:01:03 发布

腾格里狼

最新推荐文章于 2022-12-30 11:01:03 发布

阅读量680

点赞数

分类专栏：前端问题随笔文章标签：滚动加载

本文链接：https://blog.csdn.net/I_Am_Layman/article/details/52193397

版权

前端问题随笔专栏收录该内容

3 篇文章 0 订阅

订阅专栏

var scrollFunc = function (e) {
        e = e || window.event;
        if (e.wheelDelta) {//如果是IE/Opera/Chrome浏览器
            //当用于向前滚动鼠标滚轮是，wheelDelta是120的倍数；当用户向后滚动鼠标滚轮是，wheelDelta是-120的倍数
            if (e.wheelDelta == 120) {
                //向上滚动事件 
                //alert(e.wheelDelta + "向上");

            } else {

                //向下滚动事件 
                //alert(e.wheelDelta + "向下");
                //再向后台请求数据加载在当前数据下面
               
            }
        } else if (e.detail) {//如果是Firefox浏览器
            //Firefox 
            if (e.detail == -3) {
                //向上滚动事件<br> 
                //alert(e.detail + "火狐向上");
            } else {
                //向下滚动事件<br> 
                //alert(e.detail + "火狐向下 ");
        }
    };
    if (document.addEventListener) {
        //adding the event listerner for Mozilla 
        document.addEventListener("DOMMouseScroll", scrollFunc, false);
    }
    //IE/Opera/Chrome 
    window.onmousewheel = document.onmousewheel = scrollFunc;