美文网首页
判断滚轮滚动方向

判断滚轮滚动方向

作者: Otherthing | 来源:发表于2018-06-23 14:25 被阅读0次

    js判断:

    var scrollFunc = function (e) {

            e = e || window.event; 

            if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件             

                if (e.wheelDelta > 0) { //当滑轮向上滚动时 

                  //事件

                } 

                if (e.wheelDelta < 0) { //当滑轮向下滚动时 

                    //事件

                } 

            } else if (e.detail) {  //Firefox滑轮事件 

                if (e.detail> 0) { //当滑轮向上滚动时 

                  //事件

                } 

                if (e.detail< 0) { //当滑轮向下滚动时 

                    //事件 

                } 

            } 

        } 

        //给页面绑定滑轮滚动事件 

        if (document.addEventListener) {//firefox 

            document.addEventListener('DOMMouseScroll', scrollFunc, false); 

        } 

        //滚动滑轮触发scrollFunc方法  //ie 谷歌 

        window.onmousewheel = document.onmousewheel = scrollFunc;

    jq判断:

    $(document).ready(function(){ 

             var p=0;t=0;

             $(window).scroll(function(e){ 

                     p=$(this).scrollTop(); 

                     if(t<=p){ 

                             console.log('下滚')

                     } else{ 

                             console.log('上滚')

                     }

                     t = p;

                         // setTimeout(function(){t=p;},0) 

             })

     })

    相关文章

      网友评论

          本文标题:判断滚轮滚动方向

          本文链接:https://www.haomeiwen.com/subject/uqgryftx.html