JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:fixed;left:0; top:0;">
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
    <div class="sector-link">THING</div>
</div>

JavaScript

function moveObject(event){
    var delta=0;
    if(!event)event=window.event;
    if(event.wheelDelta){
        delta=event.wheelDelta/600;
    }else if(event.detail){
        delta=-event.detail/20;
    }
    var target = $('body > div');
    var adj = parseFloat(target.css('opacity'));
    target.css('opacity',Math.max(0,Math.min(1,adj+Math.max(0.6,adj)*delta)));
}
if(window.addEventListener){
    document.addEventListener('DOMMouseScroll',moveObject,false);
}else{
    document.onmousewheel=moveObject;
}