我试图根据滚动轮的滚动方向更改元素的不透明度(如果滚动轮“向上”,则不透明度为1.0,否则为0.3),所以我附加了一个事件onmousewheel =“ change(event );“ 到html主体并在JS中执行以下操作:
function transp(e){
var element = document.getElementById("elem");
if(e.wheelDelta >= 120){
element.classList.remove('scroll-minus');
element.classList.add('scroll-plus');
}
else if(e.wheelDelta <= -120){
element.classList.add('scroll-minus');
element.classList.remove('scroll-plus');
}
}
我不会费心发布CSS3信息,它只是CSS3之类的东西,例如不透明度:0.2 / 1.0,过渡:2s ... CSS没问题,
这在google chrome和IE上效果很好,但是firefox不能接听onmousewheel事件。还有其他类似的事件可能会听吗?如何使用?
该mousewheel
事件是非标准事件,Firefox不支持。您可以改用标准wheel
事件,尽管尚不完全支持。因此,如果您需要跨浏览器的解决方案,则可能必须混合使用这些事件,或者改用scroll
事件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句