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

最佳答案

Accordion 完成动画后,您需要调用 $('#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

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

相关文章:

javascript - 如何在javascript中动态地将值从一种方法传递到另一种方法?

javascript - 如何用Jquery隐藏导航栏?

javascript - 有没有办法在 Bootstrap 中将导航栏切换按钮添加为屏幕上的固定按钮?

javascript - 我如何从附属类(class)返回165

javascript - SignalR 客户端方法未从服务器端按钮单击触发

java - 当我从 struts2 操作的 js 函数中获取 JSONArray 时,它是空的,我不明白为什么

html - Flex 元素不在同一高度

html - 添加带有搜索栏的 <li> 元素并防止从父 div 元素溢出

javascript - 选择最短的旋转排列两个图像

javascript - 如何通过比较两个字符串数组来获得相似的字符串?