2013-06-27 99 views
0

我在弹出的内部使用了微小的滚动条。滚动div有手风琴菜单。微小的滚动条自动高度

当手风琴菜单展开时,滚动条正在扩展,但由于某种原因,我无法在向下滚动时看到最后一个手风琴项目。我相信它正在采取一些固定的高度,以便看不到最后的项目。

而且每当新的手风琴菜单被点击时,滚动条再次从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' 
    }); 
$('#accordion-3').click(function(){ 
    $('#scrollbar1').tinyscrollbar(); 
    }); 

DEMO

回答

0

的代码和演示从我的小提琴看到,一旦手风琴的高度上崩溃修改tinyscrollbar不更新。为此,您需要使用tinyscrollbar的update()方法。但奇怪的是,我还没有在dcacordord文档中找到可绑定事件,以便在动画之后注入更新。我已经略微修改了您的示例以使用jquery UI中的手风琴,并且它可以正常工作,您可以以任何您想要的方式自定义该手风琴。希望能帮助到你。 这是我的修改代码:

$('#accordion-3').accordion({ 
activate: function (event, ui) { 
    var oScrollbar = $('#scrollbar1'); 
    oScrollbar.tinyscrollbar_update('relative'); 
}, 
heightStyle: "content", 
alwaysOpen: false, 
active: false, 
collapsible: true 

});

modified fiddle here