如何调整jScrollPane的大小并让滚动识别内容的高度

Question

我继承了一个使用jScrollPane（使用jQuery）折叠和扩展的项目。当scrollPane展开时，我们注意到您可以滚动浏览内容的末尾。有没有办法告诉jScrollPane在调整大小时内容的高度是不同的？

我尝试使用jScrollpane销毁/重新创建api.destroy，但我只看到它消失，或者使用原始维度重新创建，这不是我需要的。

我在http://jsfiddle.net/tssparky/4StG2/10/

创建了一个示例

Answer 1

我必须为jScrollPane创建一个包装器div，然后在包装器上设置固定宽度。对于jScrollPane，我将宽度设置为100％。当我调整包装器div的大小时，我重新实例化了jScrollPane并重新生成了内容。这给了我想要的结果。

$('#scrollpanecontainer').animate({
    'width': '700px',
    'left': '0'
    }, 100, function() {
        $('#scroll-pane').jScrollPane({ width: '100%', contentWidth: '100%', autoReinitialise: false});                 
});