js判断滚轮滚动

Chason
2021-02-03 / 0 评论 / 0 点赞 / 937 阅读 / 798 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
    var scrollFunc = function(e) {
        e = e || window.event;
        if (e.wheelDelta) {
            //第一步:先判断浏览器IE,谷歌滑轮事件
            if (e.wheelDelta > 50) {
                //当滑轮向上滚动时
                console.log("滑轮向上滚动");
            }
            if (e.wheelDelta < 50) {
                //当滑轮向下滚动时
                console.log("滑轮向下滚动");
            }
        } else if (e.detail) {
            //Firefox滑轮事件
            if (e.detail < 0) {
                //当滑轮向上滚动时
                console.log("滑轮向上滚动");
            }
            if (e.detail > 0) {
                //当滑轮向下滚动时
                console.log("滑轮向下滚动");
            }
        }
    }; //给页面绑定滑轮滚动事件
    if (document.addEventListener) {
        //firefox
        document.addEventListener("DOMMouseScroll", scrollFunc, false);
    } //滚动滑轮触发scrollFunc方法 //ie 谷歌
    window.onmousewheel = document.onmousewheel = scrollFunc;

0

评论区