微小的滚动条自动高度答案

【问题标题】：Tiny scroll bar auto height微小的滚动条自动高度
【发布时间】：2013-06-27 07:27:03
【问题描述】：

我在弹出窗口中使用了微小的滚动条。滚动 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

【问题讨论】：

标签： jquery css scrollbar custom-scrolling

【解决方案1】：

从我在小提琴中看到的情况来看，一旦折叠时手风琴的高度被修改，tinyscrollbar 就不会更新。为此，您需要使用 tinyscrollbar 的 update() 方法。但奇怪的是，我在 dcaccordion 文档中没有找到可绑定的事件，这样我就可以在动画之后注入更新。我稍微修改了您的示例以使用 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

【讨论】：