JScrollPane动态调整问题

Question

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

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

任何人都可以建议解决此问题的方法吗？

有2个例子。测试块 #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，然后每次响应单击事件时加载更多内容。这样自定义滚动条就会自动调整。

我希望这对某人有帮助。