js监控鼠标滚动事件

短命女 2021-12-15 11:39 382阅读 0赞

//滚动动画
                windowAddMouseWheel();
                function windowAddMouseWheel() {
                    var scrollFunc = function (e) {
                        e = e || window.event;
                        if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件
                            if (e.wheelDelta > 0) { //当滑轮向上滚动时
                                $("#my_top").slideDown("slow");
                                $("#sl_last").slideUp("slow");
                            }
                            if (e.wheelDelta < 0) { //当滑轮向下滚动时
                                $("#my_top").slideUp("slow");
                                $("#sl_last").slideDown("slow");
                            }
                        } else if (e.detail) {  //Firefox滑轮事件
                            if (e.detail> 0) { //当滑轮向上滚动时
                                $("#my_top").slideDown("slow");
                                $("#sl_last").slideUp("slow");
                            }
                            if (e.detail< 0) { //当滑轮向下滚动时
                                $("#my_top").slideUp("slow");
                                $("#sl_last").slideDown("slow");
                            }
                        }
                    };
                    //给页面绑定滑轮滚动事件
                    if (document.addEventListener) {
                        document.addEventListener('DOMMouseScroll', scrollFunc, false);
                    }
                    //滚动滑轮触发scrollFunc方法
                    window.onmousewheel = document.onmousewheel = scrollFunc;
                }

参考大神写的，写博的时候网页关了，没找到原文地址，抱歉

转载于:https://www.cnblogs.com/duanzhenzhen/p/10678645.html