Question

我正在尝试使元素更改它的不透明度，具体取决于滚轮滚动的方向（如果滚轮向上“向上”不透明度变为1.0，否则为0.3），所以我附加了一个事件onmousewheel =“改变（事件）;”到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不是问题

这在谷歌浏览器和IE浏览器上完美运行，但是firefox没有接缝来收听onmousewheel事件。是否还有其他可能听到的类似事件？它是如何使用的？

Answer 1

mousewheel event是非标准的，在Firefox中不受支持。您可以使用标准化的wheel event，尽管尚未完全支持。因此，如果您需要跨浏览器解决方案，则可能需要混合使用这些事件，或者使用scroll event代替。

Onmousewheel事件和Mozilla Firefox

1 个答案: