我之前的聊天脚本在发送方方面非常完美。当从文本框向数据手册添加新消息时,滚动条曾经在javascript的帮助下降下来,但问题是它无法向下滚动收件人的旁边聊天脚本。我使用OnClientClick
将代码向下滚动到按钮。因此,在每个按钮上单击滚动条,但是当我点击进入时,如何才能向下滚动收件人的滚动条?
答案 0 :(得分:1)
因此,我认为您在收到聊天消息时遇到问题。将新消息添加到消息列表后,内容持有者不会向下滚动到新消息。我猜你正在使用textarea或div来保存内容。
我在StackOverflow上找到了另外两个问题并得到了很好的答案:
var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;
StackOverflow:Scroll to bottom of div?
function moveCursorToEnd(input)
{
var lastPosition = input.value.length - 1;
if (input.setSelectionRange)
{
input.focus();
input.setSelectionRange(lastPosition, lastPosition);
}
else if (input.createTextRange)
{
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', lastPosition);
range.moveStart('character', lastPosition);
range.select();
}
}
经过测试的Firefox 6和IE8:http://jsfiddle.net/nXa4d/
StackOverflow:在jQuery Set Cursor Position in Text Area