.on（）无法正常工作

Question

我弹出一个模态，当它再次打开时，我希望滚动条位于顶部，而不是用户可能离开的位置。 我正在使用.on和scrollTop，但无法正常工作。 但是，当我在Firebug控制台中运行代码行时，它确实起作用。

$("#mainContentWindow").on("click", ".question-toggler", function (event) {
    $(".modal-body").scrollTop(0);
    $("#helpSectionDialog").modal('show');


    var helpClass = $("#main-content-pane > div").attr("id");
    $(".help-content").hide();
    $(".help-content." + helpClass).show();
});

Answer 1

我只是自己使用jQuery和Bootstrap遇到了这个问题。 我通过为'shown'事件添加一个处理程序来解决它，该事件立即使scrollTop动画化（持续时间为0）。

假设您有一个ID为'notice'且主体ID为'noticeBody'的模式：

// reset notice scrolling
$('#notice').on('shown', function(){
    $('#noticeBody').animate({scrollTop:0}, 0);
});

我相信您看到的问题是由于在div隐藏时移动滚动条时出现的问题，但是您的行驶里程可能会有所不同（YMMV）。