css滚动滚轮事件

对于滚动有两种事件1就是滚动事件,2就是滚轮事件,下面是两者区别

滚动事件

  监听方法onscroll,(火狐是去掉on),意思是当元素出现滚动条,并且滚动滚动条时,才会触发,不管是通过滚轮,还是直接拉的滚动条

滚轮事件

  监听方法:ie和火狐不同

      ie是scrollwheel,火狐是DOMMouseScroll

      可以写一个兼容函数

function wheel_event(elem,func){
    if(elem.attachEvent){
        elem.attachEvent("onmousewheel",func);
    }else if(elem.addEventListener){
        elem.addEventListener("DOMMouseScroll",func);
    }
}

 

    滚轮事件可以给window/document添加,也可以对特定元素添加,当对特定元素添加滚轮事件的时候,意思是当鼠标放在此元素的时候,只要滚动滚轮就会触发,不管此元素上有没有滚动条

有那点不对,大家可以留言探讨

posted @   李荣飞  阅读(4576)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示