javascript - 如何在javascript中滚动到模式窗口的顶部

Question

我的要求是我需要将模式窗口显示为由用户填写的表单。但该模式的高度不应大于窗口大小。

因此，如果表单中的条目太多，则模式将变得可滚动。问题是，在验证表单中的条目时，错误消息显示在模式顶部第一个条目上方。如果用户位于最后一个属性，那么他将不知道发生了某些验证错误，除非模式在错误事件上滚动到顶部。

我已经尝试过:

$(window).scrollTop();
// and
$('#modalId').scrollTop();

这是模态代码:

<div class="modal hide" id="groupModal" tabindex="-1" role="dialog" aria-hidden="true" >
    <div class="modal-header">
    </div>
    <div class="modal-body" style="max-height: 300px;">
        <div class="grpForm">
            <div class="alert alert-error hide">

                <span class="errMsg"></span>
            </div>
            <div class="alert alert-success hide">

                <span class="successMsg"></span>
            </div>
            <form class = "formFieldHolder" id="groupInfoForm"></form>
          </div>
    </div>
    <div class="modal-footer">
        <button class="btn cancelFormBtn" data-dismiss="modal" aria-hidden="true" msgkey="common.cancel.label"></button>
        <button class="btn btn-primary submitGroupFormBtn" type="submit" msgkey="common.submit.label"></button>     
    </div>
</div>

Answer 1

$('#modalId').scrollTop(0);

scrollTop() 仅返回值； scrollTop(0) 将值设置为 0(一直到顶部)