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

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

你可能感兴趣的:(css)