前端特效之————滚轮事件
发布在经验and插件2015年3月28日view:1659
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

闲话少说。前端 鼠标滚轮事件

直接贴代码

      -function(){
            /*鼠标滚轮事件 120 -120 */
            document.body.onmousewheel = function(event) {
                event = event || window.event;
                if(event.wheelDelta>0) {
                    /*上滚*/
                    console.log(event.wheelDelta)
                }else{
                    /*下滚*/
                    console.log(event.wheelDelta)
                }
            };
            /*
            *兼容火狐浏览器
            * 火狐浏览器没有wheelDelta 属性 取而代之的是  detail
            * 输出的值也不同  3 -3
            * */
            document.body.addEventListener("DOMMouseScroll", function(event) {
                if (event.detail < 0) {

                    console.log(event.detail)
                } else {
                    console.log(event.detail)
                }
            });
        }();

enter image description here

enter image description here

评论
发表评论
暂无评论
WRITTEN BY
古道川
技法无高低、功力有深浅。
TA的新浪微博
PUBLISHED IN

我的收藏