jquery - Jquery scrollTop 与 JqueryUI Accordion 的行为异常

Question

小提琴示例

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

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

这应该将新激活的标题和它的随附面板带到父 div 的顶部，边距为 5px，但它没有......已经让我疯狂好几天了

Answer 1

尝试

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

演示：小提琴