title: Custom JavaScript Scrollbars (jScrollPane) with Transform Scale error
body: <p>I was hoping someone would know a way (or a direction) to correct the lack of support that jScrollPane has for rendering while Scale Transformed.</p>
  
  <p>For containers that are scaled with larger scaleFactors the scrollbar often gets stuck at the bottom. The scroll bar also tends to accelerate away from the mouse drag to suggest a miss calculation.</p>
  
  <p>I have also tried this approach with the library "mCustomScrollbar" and had the same results. Could this be a jQuery issue. I understand that jQuery UI (dragging mostly) has issues with transform scaling too.</p>
  
  <p>Here is an example:
  <a href="http://jsfiddle.net/u8u3g/3/" rel="nofollow">http://jsfiddle.net/u8u3g/3/</a></p>
  
  <pre><code>#scene-1 {
      width: 800px;
      height: 500px;
      transform-origin: 0 0;
      -ms-transform-origin: 0 0; /* IE 9 */
      -webkit-transform-origin: 0 0; /* Safari and Chrome */
      transform: scale(0.8);
      -ms-transform: scale(0.8); /* IE 9 */
      -webkit-transform: scale(0.8); /* Safari and Chrome */
  }
  
  &lt;div id="scene-1"&gt;
      &lt;div class="container"&gt;
          &lt;div class="inner"&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
              &lt;p&gt;lorem ipsume&lt;/p&gt;&lt;br /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  $(function() {
      $('.inner').jScrollPane();
  });
  </code></pre>
  
  <p>I think jScrollPane for some reason can't recalculate the inner height of the container after it has been scaled.</p>
  
  <p>Any support would be much appreciated.</p>