判断滚轮滚动方向

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) 

         })

 })

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容