带有变换缩放错误的自定义 JavaScript 滚动条 (jScrollPane)

Question

我希望有人知道一种方法（或方向）来纠正 jScrollPane 在 Scale Transformed 时对渲染缺乏支持的问题。

对于使用较大 scaleFactors 缩放的容器，滚动条经常卡在底部。滚动条也趋向于加速远离鼠标拖动，以提示计算未命中。

我也用“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() 获得的所有值。这解决了问题。这是已修复插件的链接：jquery.jscrollpane.js(fixed-by-@snake_345).zip。

对于应用插件的元素，不要忘记添加位置：相对。