Question

下面是我的HTML代码，它是一个Bootstrap模式弹出窗口。我想要做的是，如果用户点击保存按钮，我正在进行某种验证，如果验证失败，则会显示消息并自动向上滚动到模式弹出窗口的顶部。但它没有向上滚动。下面我还从JS文件中指出了我的代码。

<div id="addD" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addPatientLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="addLabel">Create</h3>
    </div>
    <div class="modal-body">
        <p class="validateTips"></p>
        <table>
            <tr>
                <td class="TemplateLabel">
                    Name:
                </td>
                <td align="left">
                    <input placeholder="name" type="text" name="Name" data-bind="value: NewP.Name" id="SignUpName" class="SignUp text ui-widget-content ui-corner-all" />
                </td>
            </tr>
        </table>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary" onclick="SaveD()">Save changes</button>
    </div>
</div>

在我的JS文件中：

function SaveD() {
    debugger;
    var bValid = true;

    bValid = bValid && CheckRequired($('#SignUpName'));
    if (bValid) {
        /*Some func called*/
    }
    else
    {
        $('#addD-content').scrollTop(0);
    }
}

有任何帮助吗？基本上$('#addD-content').scrollTop(0);无效。

Answer 1

$('#addD').animate({ scrollTop: 0 }, 'slow');

滚动到Bootstrap模式弹出窗口的顶部

1 个答案: