js判断鼠标上滚和下滚

function scrollFunc(e) {
    e = e || window.event;
    if (e.wheelDelta) {              //判断浏览器ie,谷歌滚轮事件
        if (e.wheelDelta > 0) { //当滑轮向上滚动时
            console.log("滑轮向上滚动");
        } else if (e.wheelDelta < 0) {
            console.log("滑轮向下滚动");
        }
    } else if (e.detail) {          //Firefox滚轮事件
        if (e.detail > 0) { //当滑轮向上滚动时
            console.log("滑轮向上滚动");
        }else if(e.detail < 0){
            console.log("滑轮向下滚动");
        }
    }
}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {//firefox
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法  //ie 谷歌
window.onmousewheel = document.onmousewheel = scrollFunc;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天做了个导航栏,客户要求的效果是当页面下滚时导航栏消失,上滚时导航栏出现。以下是代码: 代码是从网上找的,本人试...
    李佳明先生阅读 540评论 0 1
  • 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个...
    前世小光阅读 267评论 0 0
  • 塔罗师:你想到什么,牌里的人是谁 我:我觉得她挺自由的,就是头朝下有点不得劲,我吧 塔罗师:是的,四元素都有了 我...
    宓儿_2b3e阅读 441评论 0 3
  • 姑姑有一个友女,个子很矮,姑叫她矮妹,是一个性格开朗豪爽乐观的人,对于生活很看得开的人。 矮妹小时候没怎么读过...
    寒月零星阅读 626评论 0 0
  • 1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么? ...
    荣_Rong阅读 209评论 0 0