javascript - jQuery 浏览器滑动到消息

Question

这是我的 jQuery 代码...

success: function(result) {
    var res = result.user_id;
    if(res > 0){

        $('#danger_container_email').attr('class', 'alert alert-danger');
        $('#message_email').html('This email address is already existing!');
        $('#register').attr('disabled','disabled');
        $('#register').removeAttr('name');
        $('#message').css('color', 'red');
        $('#success_email').attr('class','form-group has-error has-feedback');
        $('#email_glyp').attr('class', 'glyphicon glyphicon-remove form-control-feedback');

    }

这是我的 html 代码:

<div id = "danger_container_email" class="col-md-12">
    <center><span id = "message_email" style = "color:red;"></span></center>
</div>

我想要的是当错误消息显示我希望浏览器关注该部分时。我认为这是可能的，但我不太擅长 jQuery。

Answer 1

为了集中注意力，你可以尝试这个

$('#message_email').focus();

要滚动到 div 试试这个

window.scrollTo(0 , $('#message_email').position().top);

有关详细信息，请参阅此网址 W3School