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

演示

4

1 回答 1

0

从我在小提琴中看到的情况来看，一旦手风琴的高度在折叠时被修改，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

});

在这里修改小提琴

于 2013-06-27T10:18:48.973 回答