title: To set table headers fixed while scrolling using JS
body: <p>In explorer I am able to keep the thead part of my table fixed while scrolling using css expressions. Below is the css code snippet that does it : </p>
  
  <pre><code>.standardTable thead tr {
  position: relative;
  top: expression(offsetParent.scrollTop);
  }
  </code></pre>
  
  <p>But this same doesn't work in chrome as expressions are deprecated for chrome.
  I need help in changing the "top" property of the above class using javascript or jquery.</p>
  
  <p>Is it possible to just change the top property in the above css using javascript or jquery.</p>
  
  <p>I have gone through many examples but none of them seem to be working perfectly fine. </p>
  
  <p>(PS :I am looking for single line of code that changes the top property of the above code)</p>
  
  <p>Can it be done?</p>