Position horizontal scroll bar at center of DIV (jQuery (2.1.1))

centerHScrollBar.js

/*position horizontal scroll bar at center of DIV*/

// useful when for example the min-width of a scrollable container is wider than the viewport. Like in the t-shirt demo proj, I wanted the user to see the center of the shirt on load, rather than have the user need to scroll

function centerHScrollBar(){
  var outerContent = $('.product-view');
  var innerContent = $('.pillow-contain-show');
            
  outerContent.scrollLeft( (innerContent.width() - outerContent.width()) / 2);
}