0

;大家好,

我尝试做聊天程序。如果我写消息,它就会失败。然而,

如果我写了很多消息,页面保持在顶部,滚动总是在顶部。

如何将滚动位置设置为最后一条消息位置?

Javascript代码:

<script type="text/javascript">
$(function () {
var chat = $.connection.chatHub;
$messages = $("#messages");

chat.client.addMessage = function (frm, msg) {
$messages.append("<br /><b>" + frm + ":</b>" + msg);
}
$("#txtMsg").keypress(function (e) {
if (e.which == 13) {
var input = $(this).val();
chat.server.sendMessage("@Session.SessionID", input);
$(this).val("");
var MessageData = {
frm: "@Session.SessionID",
msg: input
};
$.ajax({
url: "/Home/GetMessage",
type: "POST",
dataType: "json",
contentType: 'application/json',
data: JSON.stringify(MessageData),
});
}
});
$.connection.hub.start();
});
</script>

HTML:

<body>
<div>Your ID: @Session.SessionID</div>
<input type="text" id="txtMsg" />
<div id="messages">
</div>
</body>
4

0 回答 0