jscrollpane - JScrollPane 动态调整问题

Question

我正在使用 JScrollPane 来设置滚动条的样式。但是，我需要通过 ajax 加载内容。

我发现它 JSrollpane 在内容超过高度时不会自动添加滚动条。

任何人都可以建议解决这个问题吗？

有2个例子。测试块 #1 使用 JScrollPane，测试块 #2 使用默认滚动条。

如果您在任一测试用例中单击红色框，则会添加示例内容作为响应。您会注意到默认滚动条会自动调整，但即使添加了内容，jscrollpane 也不会调整。

Answer 1

对任何有兴趣的人...

解决方案实际上非常简单 - 每次将内容加载到元素中时，您都需要调用所需元素上的 jscrollPane() 函数。

IE：

$('div#block-block-1 div.content').jScrollPane();

    $('div#block-block-1 div.content').click(
        function(){
            $(this).text( $(this).text() + "Pellentesque eget diam enim; et mattis nullaPellentesque eget diam enim; et mattis nulla." );
            $(this).css('text-indent', '0');
            $('div#block-block-1 div.content').jScrollPane();
        }
    );

JScrollPane 最初应用于 div.content，然后每次在响应单击事件时加载更多内容。这样自定义滚动条会自动调整。

我希望这对某人有所帮助。