JSFiddle - React, Tailwind, and code Playground

HTML

Прокрутка: <div id="delta">0</div>

CSS

#delta {
  width: 100px;
  height: 100px;
  background: #0f0
}

JavaScript

var elem = document.getElementById('delta');
    
    elem.addEventListener("wheel", onWheel);
    
    function onWheel(e) {
      e = e || window.event;
      var delta = e.deltaY || e.detail || e.wheelDelta;
      var info = document.getElementById('delta');
      info.innerHTML = +info.innerHTML + delta / - 100;
      e.preventDefault ? e.preventDefault() : (e.returnValue = false);
    }