在聊天页面中发送消息后，jQuery会向上滚动

Question

自动滚动本身可以处理几个消息。 然后，它随机发出并在用户发送消息时开始向上滚动。

这是适用的Javascript。 样式有限（还没有真正样式化。）此外，如果您想参考一下外观，请访问http://schoolsurvivaltools.com:3000。

//send message
$messageForm.submit(function(e) {
    e.preventDefault();
    socket.emit('send message', $messageBox.val());
    $messageBox.val("");
    $("#chat").animate({ scrollTop: $("#chat").height() }, "fast");
    return false;
});

//Add the users message to the chat.
socket.on('pushMessage', function(data){
    $chat.append("<li><b>" + data.nick+ ": " + "</b>" + data.msg + " </br>" + "</li>");
    $("#chat").animate({ scrollTop: $("#chat").height() }, "fast");
});

样式：

#chat {
    height:500px;
    width:300px;
    overflow-y:scroll;
    overflow-x:auto;
}
#mainWrap {
    display:none;
}
#chatWrap {
    float: left;
    border:1px #000 solid;
    overflow-y:scroll;
    width:302px;
}

Answer 1

jQuery中的height函数将为您提供元素的高度，但是您需要元素内容的高度。 请参阅此处如何使用jQuery获取div完整内容的高度？