微小滚动条自动高度

Question

我用过一个弹出式的小滚动条。滚动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();
    });

演示

Answer 1

从我在小提琴中看到的情况来看，一旦手风琴的高度在倒塌时被修改，小卷轴就不会更新。为此，您需要使用tinyscrollbar的update()方法。但奇怪的是，我还没有在dcaccordion文档中找到一个可绑定的事件，所以我可以在动画之后插入更新。我对您的示例做了一些修改，以使用jquery中的手风琴，它可以很好地工作，您可以任意定制该示例。希望能帮上忙。这是我修改的代码：

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

})；

改性小提琴