javascript鼠标滚动事件中出现的问题

最新推荐文章于 2018-09-08 21:35:00 发布

eling-

最新推荐文章于 2018-09-08 21:35:00 发布

阅读量761

点赞数

分类专栏： javascript 文章标签： javascript 鼠标 html

本文链接：https://blog.csdn.net/second_boy/article/details/50981189

版权

当页面内容超出屏幕高度并出现滚动条时，如何在滚动局部内容时不触发浏览器默认的滚动行为。解决方案包括针对IE, Opera, Chrome的禁止和解除禁止默认滚动，以及Firefox的处理方式。注意错误的绑定和解除绑定方法会导致问题。" 123594901,7870798,小样本学习：GNN在图神经网络中的应用,"['小样本', 'gnn', '深度学习', '图神经网络', '计算机视觉']

摘要由CSDN通过智能技术生成

</pre>滚动事件精简代码：<p></p><p></p><pre name="code" class="javascript">//鼠标滚轮事件
var box = document.getElementById("box");
var scrollFn = function(e){
    e = e || window.event;
    if(e.wheelDelta){                   // e.wheelDelta 兼容IE-Opera-Chrome 
        if(e.wheelDelta > 0){           //如果 e.wheelDelta > 0 在IE-Opera-Chrome下代表向上滚动“而火狐下代表向下滚动”
            console.log("IE-Opera-Chrome向上滚动");
        }else{
            console.log("IE-Opera-Chrome向下滚动");  //e.wheelDelta < 0  则反之
        }
    }else if(e.detail){                 // e.detail 兼容Firefox
        if(e.detail < 0){           // 为了兼容Firefox 和 IE-Opera-Chrome 在火狐下需要时应反着判断    e.detail < 0    
            console.log(e.detail+"Firefox向上滚动，");            
        }else{
            console.log(e.detai