帶變換的自定義JavaScript滾動條（jScrollPane）縮放比例錯誤

Question

我希望有人知道一種方式（或方向）來糾正jScrollPane在縮放變換時缺少的渲染支持。

對於使用較大比例因子縮放的容器，滾動條通常會卡在底部。滾動條也傾向於加速遠離鼠標拖拽以提示未命中計算。

我也試過這種方法與庫「mCustomScrollbar」，並有相同的結果。這可能是一個jQuery問題。我明白，jQuery UI（主要拖動）也有變換縮放的問題。

下面是一個例子： http://jsfiddle.net/u8u3g/3/

#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 */ 
} 

<div id="scene-1"> 
    <div class="container"> 
     <div class="inner"> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
      <p>lorem ipsume</p><br /> 
     </div> 
    </div> 
</div> 

$(function() { 
    $('.inner').jScrollPane(); 
}); 

我覺得JScrollPane中由於某種原因不能重新計算容器的內部高度已縮小了。

任何支持將不勝感激。

Answer 1

我也遇到了同樣的問題。問題是，應用「比例」功能時，$.width()始終返回原始值，但$.position()會根據比例返回。

問題本身，我決定完成插件。現在他可以確定當前的「尺度」 ，並將其分爲使用$.position()獲得的所有值。這解決了這個問題。這是一個鏈接到插件bugfixed：jquery.jscrollpane.js(fixed-by-@snake_345).zip。

對於應用插件的元素，不要忘記添加position：relative。