title: Fixed header Table, on scroll using Jquery flickers in IE11 (internet explorer) on click of div scroll bar icon click.
body: <p>FIXED HEADER TABLE ____When Clicking on scrollbar icon in ie11 flickers when using positioning as i cannot change the structure as it is dynamically coming from different sources and gets in table body structure</p>
  
  <pre><code>&lt;tbody&gt;&lt;tr&gt;&lt;/tr&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/tbody&gt;
  </code></pre>
  
  <p>here is the fiddle attached works fine in chrome but when i check in ie it flickers horriblly when clicking on div vertical scrollbar below or above icon</p>
  
  <p>Any Css or html solution is also acceptable until if there is no change in html structure </p>
  
  <p>DEMO<a href="https://jsfiddle.net/nadeemmnn2007/5dqnumh6/" rel="noreferrer">Js Fiddle Demo</a>
  <a href="https://i.stack.imgur.com/xKJLD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xKJLD.png" alt="enter image description here"></a>
      JQUERY</p>
  
  <pre><code>   $(document).ready(function() {
  $('#theDiv').on('scroll', function () { 
                  $('#headerRow td,#headerRow th').css({'position':'relative','background':'red','top':$('#theDiv').scrollTop()-1});
  });
      });
  </code></pre>