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();
    });

DEMO

Answer 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

微小的滚动条自动高度

1 个答案: