在tinyscrollbar里面的手风琴

时间:2013-07-19 11:28:15

标签: javascript jquery html css jquery-ui

我在tinyscroll bar div里面建了手风琴。但问题是当手风琴菜单打开时,微小的滚动条没有延伸(高度)。

这是我的代码

$('#test').click(function(){
        $('#dialog').show();
    $('#scrollbar1').tinyscrollbar();   
     $('#overlay').show();
});
//Accordion
    $('#accordion-3').dcAccordion({
        eventType: 'click',
        autoClose: true,
        saveState: false,
        disableLink: false,
        showCount: false,
        speed: 'slow'
    });

FIDDLE

1 个答案:

答案 0 :(得分:1)

一旦手风琴完成动画,你需要调用$('#scrollbar1').tinyscrollbar_update();,如下所示:

fiddle

$('#test').click(function(){
        $('#dialog').show();
    $('#scrollbar1').tinyscrollbar();   
     $('#overlay').show();
});
//Accordion
    $('#accordion-3').dcAccordion({
        eventType: 'click',
        autoClose: true,
        saveState: false,
        disableLink: false,
        showCount: false,
        speed: '400'
    });

$("#accordion-3").on("click", function() {
    window.setTimeout( function() { 
        $('#scrollbar1').tinyscrollbar_update();
    } , 400 );
});

我不认为dcAccordion有任何类型的回调功能,所以你坚持使用setTimeout