;こんにちは、みんな、
チャット プログラムを実行しようとしています。でも、
私が多くのメッセージを書いた場合、ページは上にとどまり、スクロールは常に上になります。
スクロール位置を最後のメッセージ位置に設定するにはどうすればよいですか?
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>