Проблема динамической настройки 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, а затем также каждый раз, когда в ответ на событие click загружается больше контента. Таким образом, настраиваемая полоса прокрутки автоматически настраивается.

Я надеюсь, что это помогает кому-то.