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添加,也可以对特定元素添加,当对特定元素添加滚轮事件的时候,意思是当鼠标放在此元素的时候,只要滚动滚轮就会触发,不管此元素上有没有滚动条

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

原文地址:https://www.cnblogs.com/nier/p/2534747.html