mousewheel DOMMouseScroll

最新推荐文章于 2023-01-27 17:42:17 发布

new_liu

最新推荐文章于 2023-01-27 17:42:17 发布

阅读量198

点赞数

分类专栏： JS 文章标签： mousewheel DOMMouseScroll 鼠标滚动事件

本文链接：https://blog.csdn.net/u013492323/article/details/102727761

版权

JS 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

mousewheel事件火狐不兼容，但是火狐支持DOMMouseScroll,解决方案：

let courseCenterContainer = document.querySelector(".tab-content");
    let srcollFn = function(e){
      if(e.wheelDelta){
        let v = -e.wheelDelta / 2;
        this.scrollTop += v;
      }else if(e.detail){
        let v=0;
        if(e.detail>0){
          v = e.detail+8;
        }else{
          v = e.detail-8;
        }
        this.scrollTop += v;
      }
      e.preventDefault();
    };
    if(typeof courseCenterContainer.onmousewheel == "object") {
      courseCenterContainer.addEventListener("mousewheel",srcollFn,false)
    }else if(typeof courseCenterContainer.onmousewheel == "undefined"){
      courseCenterContainer.addEventListener("DOMMouseScroll",srcollFn,false)
    }