javascript - tinyscrollbar 内的 Accordion

原文 标签 javascript jquery html css jquery-ui

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

这是我的代码

$('#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

最佳答案

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

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 卡住了。

关于javascript - tinyscrollbar 内的 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17744991/

相关文章:

javascript - 如何将数据点数组添加到Highchart系列中

jquery - 获取右键单击的元素JQuery

javascript - jQuery环形交叉口没有正确对齐照片

javascript - Chrome扩展程序:通过按钮将消息从popup.html传递到事件页面

html - 如何使用HTML 5和CSS 3显示彩色的下拉选择器?

javascript - 错误 : "angular was used before it was defined" but online editors able to output the result

javascript - Node JS同步读取一行文本

javascript - JQuery $.ajax 请求 random.org api 的问题

javascript - 打印完 div 内容后停止打印

javascript - 元素移动时如何删除悬停状态