title: why is deltaY on `wheel` event different between mac and windows?
body: <p>When I try to get the scroll speed of a user I get inconsistent results between mac and windows.</p>
  <h3>to reproduce</h3>
  <ol>
  <li>Open <a href="https://codesandbox.io/s/scroll-delta-test-p4zxh?file=/src/styles.css" rel="nofollow noreferrer">this codesandbox</a></li>
  <li>With a mouse, scroll down 1 &quot;tick&quot; (use a mouse that doesn't have smooth scroll)</li>
  </ol>
  <h2>problem</h2>
  <p>Using the exact same hardware (mouse / monitor) and browser (chrome):</p>
  <ul>
  <li>on Windows I get a value of <strong>125</strong></li>
  <li>on Mac I get a value of around <strong>12</strong></li>
  </ul>
  <p>I need a way to know how fast the user scrolled that gives comparable results for all operating systems.</p>
  <h3>more context</h3>
  <ul>
  <li>This is for a &quot;infinite canvas&quot; type application (like <a href="https://tldraw.com/" rel="nofollow noreferrer">tldraw</a>).
  I would like to &quot;zoom out&quot; when the user scrolls backwards and &quot;zoom in&quot; when the user scrolls in.</li>
  <li>I want to use the scroll speed (and not just the scroll direction) because otherwise it feels clunky</li>
  <li>I know that it's possible because <a href="https://figma.com/" rel="nofollow noreferrer">figma</a> can zoom in/out based on mouse wheel speed. Though they use webgl so not sure if they have access to properties that the normal wheel event doesn't have</li>
  <li>I can't simply check if deltaY is &gt; 100 because on mac deltaY can get over 100 when the user scrolls fast</li>
  <li>I tried every solution from <a href="https://stackoverflow.com/questions/5527601/normalizing-mousewheel-speed-across-browsers?answertab=active#tab-top">this question</a>. None of them worked across mac/windows</li>
  </ul>