title: How do I use pointer-events to react only to scroll event?
body: <p>Is it possible to set pointer-events to only react to scrolling or drag on a touch-pad? I have a div 'in the way' for scrolling a complex html arrangement* and I would like to know if I can limit the pointer events to only react to scroll / mouse wheel actions.</p>
  
  <p>I am interested in knowing whether I understand this correctly. If <code>pointer-events:none;</code> means that all events are void, how can I kill all events but leave one active?</p>
  
  <p>I have set up an HTML area that is bigger than the box it fits in, but if I were to show the scroll bar, it would seem higher than it should be because of a pop-up (position:top) element. This area still needs to be scrolled so to achieve this I have used jQuery to make my 'box to scroll' follow an invisible div within a div:</p>
  
  <pre><code>&lt;div id="scrollcontrol"style="overflow-y:auto;overflow-x:hidden;position:absolute;
     top:12px;left:180px;width:40px;height:1300px;"&gt;
     &lt;div id="catscrollpos"style="position:absolute;
      top:0px;width:200px;height:2250px;"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$('#scrollcontrol').scroll(function({
    $('#rangetable').css({
    'top':$('#catscrollpos').position().top+'px'
    });
  });
  </code></pre>