在聊天脚本中向下滚动收件人滚动条

时间:2011-09-22 17:47:10

标签: javascript asp.net

我之前的聊天脚本在发送方方面非常完美。当从文本框向数据手册添加新消息时,滚动条曾经在javascript的帮助下降下来,但问题是它无法向下滚动收件人的旁边聊天脚本。我使用OnClientClick将代码向下滚动到按钮。因此,在每个按钮上单击滚动条,但是当我点击进入时,如何才能向下滚动收件人的滚动条?

1 个答案:

答案 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

的帮助下