如何添加';滚动至';在jQuery-ui-1.8.16中的accordio函数以关注类别标题

如何添加';滚动至';在jQuery-ui-1.8.16中的accordio函数以关注类别标题,jquery-ui,accordion,Jquery Ui,Accordion,这是我的手风琴:-N.B.目前仅为SF、FF设计,在IE中不起作用 如果在打开另一个类别标题后选择第二个类别标题,则它不会重新关注新标题。例如,单击“古典音乐”,然后向下滚动并选择“爵士乐”,它不会自动滚动回第二类的顶部 理想情况下,我想在jQuery UI库中添加一个“scrollTo”函数到“.bind”。然而,我尝试了StackOverflow上建议的各种解决方案,但似乎都不适合我 随着添加更多内容,类别的高度会有所不同,因此我不希望使用使用固定像素滚动到解决方案的解决方案,因为在向每个类

这是我的手风琴:-N.B.目前仅为SF、FF设计,在IE中不起作用

如果在打开另一个类别标题后选择第二个类别标题,则它不会重新关注新标题。例如,单击“古典音乐”,然后向下滚动并选择“爵士乐”,它不会自动滚动回第二类的顶部

理想情况下,我想在jQuery UI库中添加一个“scrollTo”函数到“.bind”。然而,我尝试了StackOverflow上建议的各种解决方案,但似乎都不适合我

随着添加更多内容,类别的高度会有所不同,因此我不希望使用使用固定像素滚动到解决方案的解决方案,因为在向每个类别添加新内容时,这将需要不断更改

如果您有任何建议,我们将不胜感激,因为有几个人似乎都在为这个问题挠头


更新:


我已经很接近解决这个问题的方法了,但是仍然需要一些调整来阻止焦点偶尔滚动过类别标题。请参阅下面的代码:

    $(function() {
    $( "#categories" ).accordion({
        collapsible: true,
        autoHeight: false,
        active: -1,
        change: function(event, ui)
            {
            $("#categories").bind("accordionchange", function(event, ui)
                {
                    $("#categories").animate({scrollTop: $(ui.newHeader).offset().top}, 1);
                });
            },

        });     
});

我已经更接近于解决这个问题,但仍然需要一些调整,以防止焦点偶尔丢失类别标题。