Jquery scrollTop与JqueryUI Accordion表现奇怪

时间:2013-05-03 06:34:02

标签: jquery jquery-ui accordion scrolltop

Fiddle Example

在高度受限的div内的Accordion控件中有一个商店列表,我试图将活动面板完全滚动到视图中。

$("#stores").accordion({
    heightStyle: "fixed",
    icons: false,
    activate: function (event,ui) {
        $("#stores").scrollTop($(ui.newHeader).position().top-5);
    }
});

这应该将新激活的标题及其随附的面板带到5dx边距的父div的顶部但是它不会......让我疯狂了好几天

1 个答案:

答案 0 :(得分:0)

尝试

$(document).ready(function () {
    $("#stores").accordion({
        heightStyle: "fixed",
        icons: false,
        activate: function (event,ui) {
            var scrollTop = $("#stores").scrollTop();
            var top = $(ui.newHeader).offset().top;
            $("#stores").scrollTop(scrollTop + top -5);
        }
    });
});

演示:Fiddle