Заголовки Cycle2 с jScrollPane

Я пытаюсь использовать jScrollPane с плагином Cycle2, но он не работает должным образом.

Следующие изображения представляют собой элемент Cycle-caption из плагина Cycle2 с моим динамическим содержимым каждого слайда (data-cycle-title).

Итак, я пытаюсь добавить полосу прокрутки с помощью jScrollPane. OnLoad работает, как и ожидалось, но как только цикл прокручивается, область прокрутки становится много, а когда возвращается к первому слайду, она показывает, как на втором изображении:

введите здесь описание изображениявведите здесь описание изображения

Итак, код, который я использую, следующий:

$(window).bind('load',function(){
    $('#text').jScrollPane(
        {
            verticalDragMaxHeight:20,
            verticalDragMinHeight:20,
            animateScroll:true
        }
    );
    var api = $('#text').data('jsp');
    $('#slideshow').on('cycle-after',function(e, opts){
        api.reinitialise();
    });
});

Структура слайдшоу думаю не актуальна, так как это базовая структура с шаблоном титров и т.д.

Пожалуйста, мне очень нужно, чтобы это работало! :)


jquery-jscrollpane jquery-cycle2
person silentw    schedule 11.12.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне удалось заставить его работать с небольшим грязным обходным путем. Публикация здесь, чтобы, если кто-то столкнется с той же проблемой, мог заставить ее работать!

$('#slideshow').on('cycle-after',function(e, opts)
    {
        setTimeout(enable_scroll,5);
    }
);
function enable_scroll(){ $('#text').jScrollPane(settings); }

setTimeout это ключ!

Надеюсь, поможет :)

person silentw    schedule 13.12.2012