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

Question

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

我试图销毁/重新创建jScrollpaneusing 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});                 
});