JScrollPane动态调整问题

Question

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

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

有人可以建议解决这个问题吗？

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

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

Answer 1

对任何有兴趣的人......

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

即：

$('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，然后每次在响应click事件时加载更多内容。这样自定义滚动条会自动调整。

我希望能帮助别人。