jquery - jQuery UI Accordion div 包含大量数据打开新的手风琴不向上滚动页面

Question

我正在使用运行手风琴功能的 jquery ui。我有<h3></h3><div></div>很多数据，垂直填充页面。当您向下滚动以单击并打开下一个手风琴选择时，它会向上拉页面，因此会隐藏一些内容，直到我向上滚动为止。

有没有办法防止这种情况？一种单击方式使当前选定的h3标签将用户带到顶部<h3>？

编辑：我在这里寻找的主要想法是确保<h3></h3>单击的内容不在查看区域之外。理想情况下，我希望它从顶部向下大约 50 px 左右。

这是进度的小提琴：http: //jsfiddle.net/rwyvh/

Answer 1

这是jsFiddle。我不得不用它ui.newHeader来获得change事件中的位置。

$("#accordion").accordion({
    autoHeight: false,
    collapsible:true,
    navigation:true,
    active:false,
    change: function(event, ui) {
        $(window).scrollTop(ui.newHeader.position().top - 50);
    }
});​