title: How to position horizontal scroll bar at center of DIV
body: <p>I was trying to position horizontal scroll bar at the center of that div. I tired with window.scrollTo() but this works for page scroll and not for div scroll.</p>
  
  <pre><code>$(document).ready(function(){
      var outerContentWidth = $('.abc').width();
      var scrollPosition = outerContentWidth/2;
      $('.abc').scrollLeft(scrollPosition);
  
  });
  </code></pre>
  
  <p>DEMO: <a href="http://jsfiddle.net/cxkmkb0o/1/" rel="noreferrer"><strong>fiddle</strong></a></p>